Ready 23.2.0+
GeoCalendarGeoCalendar is the underlying component handling the grid and the interactions on GeoCalendarDropdown.
TIP
You should use GeoCalendarDropdown instead of this component since it's a nice wrapper to show calendars on a on-demand dropdown.
Properties
Prop name | Type | Default value | Description |
---|---|---|---|
calendarNavigationSelectIcon
| array |
| Show description |
closeCalendarIcon
| array |
| Show description |
defaultFromDate
| date | Show description | |
defaultToDate
| date | Show description | |
earliestDate
| date | Show description | |
fromInputPlaceholder
| string | Show description | |
initialDateInGrid
| date |
| Show description |
inputRangeIcon
| array |
| Show description |
latestDate
| date | Show description | |
locale
| object | Show description | |
nextDateInSelectedGranularityIcon
| array |
| Show description |
previousDateInSelectedGranularityIcon
| array |
| Show description |
toInputPlaceholder
| string | Show description | |
popupClass
| string|array|object | Show description | |
isFromDateDisabled
| boolean | Show description | |
isToDateDisabled
| boolean | Show description | |
granularityId
| enumPropertyFactory({
componentName: 'GeoCalendarGranularityId',
propertyName: 'granularityId',
enumDictionary: GRANULARITY_IDS,
required: true
}) | Show description | |
pickerDateUnit
| enumPropertyFactory({
componentName: 'GeoCalendar',
propertyName: 'pickerDateUnit',
enumDictionary: PICKER_DATE_UNITS,
required: true
}) | Show description |
Events
Name | Type | Description |
---|---|---|
emit-from-date |
Date
| User set an initial date. |
emit-to-date |
Date
| User set an end date. |
Slots
Name | Description |
---|---|
pickerGranularity | Use this slot to customize the sidebar with the different granularities handled by the calendar |
pickerAliases | Use this slot to include custom aliases that will automatically select a predefined set of ranges |
formatError | |
earliestDatePlaceholder | Use this slot to customize the text in the button used to apply your earliest available date in the fromDate input |
latestDatePlaceholder | Use this slot to customize the text in the button used to apply your latest available date in the toDate input |
Constants
This component has no exported constants.