GeoCalendarPicker Ready 23.2.0+
GeoCalendarPicker 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.