Ready 23.2.0+
GeoCalendarPickerGeoCalendarPicker
renders the basic grid and elements to show a different
range.
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 |
---|---|---|---|
currentMonth
| number | Show description | |
currentYear
| number | Show description | |
earliestDate
| date | Show description | |
latestDate
| date | Show description | |
locale
| object | 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 | |
calendarNavigationSelectIcon
| array | Show description | |
currentInitialYearInRange
| number | Show description | |
currentEndYearInRange
| number | Show description | |
nextDateInSelectedGranularityIcon
| array | Show description | |
previousDateInSelectedGranularityIcon
| array | Show description | |
selectedFromDay
| date | Show description | |
selectedToDay
| date | Show description |
Events
Name | Type | Description |
---|---|---|
go-to-month |
Number
| User displays a different month in the current grid |
go-to-year |
Number
| User displays a different year in the current grid |
go-to-year-range |
Array
| User displays a different year range in the current grid |
select-day |
Date
| User selects a particular day within the day grid |
select-month |
Number
| User selects a particular month within the month grid |
select-quarter |
Number
| User selects a particular quarter within the month grid |
select-week |
{ fromDate: Date, toDate: Date
| User selects a particular week within the day grid |
select-year |
Number
| User selects a particular year within the years grid |
day-unit-mouseover |
Date
| User hovers on a potential selected date |
month-unit-mouseover |
Number
| User hovers on a potential selected month |
year-unit-mouseover |
Number
| User hovers on a potential selected year |
Constants
This component has no exported constants.