Defines a Calendar Picker action component.
Use this action to display a Calendar to pick dates. When the date (or dates) are picked data will be available in the out
(TS) object in this format :
• { date: CalendarResult }
for ‘single mode’
• { from: CalendarResult, to:CalendarResult }
for ‘range mode’
• [CalendarResult]
for ‘multi mode’.
Where CalendarResult
is :
class CalendarResult {
time: number;
unix: number;
dateObj: Date;
string: string;
years: number;
months: number;
date: number;
}
For more information : ion2-calendar.
Name | Description |
---|---|
Can be backwards selected | Define if the calendar can be backwards selected. |
Close icon | Display close Icon. |
Close label | The close button label. |
Day Title | The default title displayed for Days. |
Days configuration | Define the days configuration. |
Default date | Default selected date as a Javascript Date() object. |
Default dates (multi) | Default selected dates as an array of Javascript Date() objects. For ‘multi’ mode only. |
Default range (range) | Default selected date range as an {from: Date(), to:Date()} object. For ‘range’ mode only. |
Disable week days | Weeks days to be disabled (0 to 6). |
Done icon | Display done icon. |
Done label | The done button label. |
From | start date, default , today. |
Month format | Month format (‘MMM YYYY’). |
Pick mode | Picker mode. |
Subtitle | The default subtitle displayed for Days. |
Title | The calendar title. |
To | End date, default, infinite. |
Week start | Define the week start day. |
Weekdays labels | Define the week days labels. |
color | Specifies ionic color. |
Comment | Describes the object comment to include in the documentation report. This property generally contains an explanation about the object. |
Is active | Defines whether the component is active. |