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. <p>This property generally contains an explanation about the object.</p> |
| Is active | Defines whether the component is active. |
Calendar Picker