/**
 * @class Ext.picker.Date
 * @extend Ext.picker.Picker
 * @xtype datepicker
 *
 * A date picker component which shows a Date Picker on the screen. This class extends from {@link Ext.picker.Picker}
 * and {@link Ext.Sheet} so it is a popup.
 *
 * This component has no required configurations.
 *
 * ## Examples
 *```HTML
 * @example({tab: 1})
 * <ext-container>
 *     <ext-button ui="action" ontap="date.showPicker" text="Show Picker"></ext-button>
 *     <ext-datepicker
 *         onready="datepickerCmp.datepickerReady"
 *     >
 *     </ext-datepicker>     
 * </ext-container>
 *```
 *```javascript
 *@example({tab: 2, packages: ['ext-web-components']})
 *
 *import '@sencha/ext-web-components/dist/ext-container.component';
 *import '@sencha/ext-web-components/dist/ext-datepicker.component';
 *import '@sencha/ext-web-components/dist/ext-button.component'; 
 * 
 *export default class DatePickerComponent {
 *     datepickerReady = (event) => {
 *         this.pickerCmp = event.detail.cmp;
 *     }
 * 
 *     showPicker = () => {
 *         this.pickerCmp.show();
 *     }
 *}
 * window.datepickerCmp = new DatePickerComponent();
 *```
 */
/**
 * @event change
 * Fired when the value of this picker has changed and the done button is pressed.
 * @param {Ext.picker.Date} this This Picker
 * @param {Date} value The date value
 */
 
/**
 * @cfg {Number} [yearFrom=1980]
 * The start year for the date picker. If {@link #yearFrom} is greater than
 * {@link #yearTo} then the order of years will be reversed.
 * @accessor
 */
 
/**
 * @cfg {Date} [yearTo=new Date().getFullYear()]
 * The last year for the date picker. If {@link #yearFrom} is greater than
 * {@link #yearTo} then the order of years will be reversed.
 * @accessor
 */
 
/**
 * @cfg {String} [monthText='Month']
 * The label to show for the month column.
 * @accessor
 */
 
/**
 * @cfg {String} [dayText='Day']
 * The label to show for the day column.
 * @accessor
 */
 
/**
 * @cfg {String} [yearText='Year']
 * The label to show for the year column.
 * @accessor
 */
 
/**
 * @cfg {Array} [slotOrder=['month','day','year']]
 * An array of strings that specifies the order of the slots.
 * @accessor
 */
 
/**
 * @cfg {Object/Date} value
 * Default value for the field and the internal {@link Ext.picker.Date} component. Accepts an object of 'year',
 * 'month' and 'day' values, all of which should be numbers, or a {@link Date}.
 *
 * Examples:
 *
 * - `{year: 1989, day: 1, month: 5}` = 1st May 1989
 * - `new Date()` = current date
 * @accessor
 */
 
/**
 * @cfg {Array} slots
 * @hide
 * @accessor
 */
 
/**
 * @cfg {String/Mixed} [doneButton=true]
 * Can be either:
 *
 * - A {String} text to be used on the Done button.
 * - An {Object} as config for {@link Ext.Button}.
 * - `false` or `null` to hide it.
 * @accessor
 */