Class

The component that let users select a date, or a range of dates

---

Declaration

public struct CalendarView: View

Live example

Overview

This component is presented in two versions: Vertical Mode and Horizontal Mode. Additionally, you can configure parameters such as the locale, start date, end date, selected start date, selected end date, the date month that will appear when the calendar appears, and disabled dates after a certain date.

The vertical calendar can be scrolled vertically, presented in the form of a table and divided into sections. Each section is a specific month.

Configure a CalendarView vertical

CalendarView(
     type: .vertical,
     startDate: startDate,
     endDate: endDate,
     selectedStartDate: $selectedStartDate,
     selectedEndDate: $selectedEndDate,
     monthYearDate: Date(),
     notActiveAfterDate: Date()
)
.onChange(of: selectedStartDate, perform: { (_) in })
.onChange(of: selectedEndDate, perform: { (_) in })

Contribution

You can help us to find bugs or ask us to add features.

• To start issue please use ready-made templates.
• To make changes to the repository, you need to create a fork of the project, make changes to the code and create a pull request in our project. You can read more about this in the Github documentation.