/** * @class Ext.picker.Date */ /** * @var {number} * The border-width of the DatePicker */$datepicker-border-width: 1px !default; /** * @var {string} * The border-style of the DatePicker */$datepicker-border-style: solid !default; /** * @var {color} * The background-color of the DatePicker */$datepicker-background-color: #fff !default; /** * @var {string} * The background-image of the DatePicker next arrow */$datepicker-next-image: 'datepicker/arrow-right' !default; /** * @var {list} * The background-position of the DatePicker next arrow */$datepicker-next-background-position: 0 0 !default; /** * @var {string} * The background-image of the DatePicker previous arrow */$datepicker-prev-image: 'datepicker/arrow-left' !default; /** * @var {list} * The background-position of the DatePicker previous arrow */$datepicker-prev-background-position: 0 0 !default; /** * @var {number} * The width of DatePicker arrows */$datepicker-arrow-width: 16px !default; /** * @var {number} * The height of DatePicker arrows */$datepicker-arrow-height: 16px !default; /** * @var {string} * The type of cursor to display when the cursor is over a DatePicker arrow */$datepicker-arrow-cursor: pointer !default; /** * @var {number} * The opacity of the DatePicker arrows */$datepicker-arrow-opacity: 1 !default; /** * @var {number} * The opacity of the DatePicker arrows when hovered */$datepicker-arrow-opacity-over: 1 !default; /** * @var {string/list} * The Date Picker header background gradient. Can be either the name of a predefined gradient * or a list of color stops. Used as the `$type` parameter for {@link Global_CSS#background-gradient}. */$datepicker-header-background-gradient: 'none' !default; /** * @var {number/list} * The padding of the Date Picker header */$datepicker-header-padding: 4px 6px !default; /** * @var {color} * The color of the Date Picker month button */$datepicker-month-button-color: #fff !default; /** * @var {number} * The width of the arrow on the Date Picker month button */$datepicker-month-button-arrow-width: $button-small-arrow-width !default; /** * @var {string} * The background-image of the arrow on the Date Picker month button */$datepicker-month-button-arrow-image: 'datepicker/month-arrow' !default; /** * @var {boolean} * True to render the month button as transparent */$datepicker-use-transparent-month-button: true !default; /** * @var {string} * The text-align of the Date Picker header */$datepicker-header-text-align: center !default; /** * @var {number} * The height of Date Picker items */$datepicker-item-height: 25px !default; /** * @var {number} * The width of Date Picker items */$datepicker-item-width: 30px !default; /** * @var {number/list} * The padding of Date Picker items */$datepicker-item-padding: 0 7px 0 0 !default; /** * @var {string} * The font-family of Date Picker items */$datepicker-item-font-family: $font-family !default; /** * @var {number} * The font-size of Date Picker items */$datepicker-item-font-size: $font-size !default; /** * @var {string} * The font-weight of Date Picker items */$datepicker-item-font-weight: $font-weight !default; /** * @var {string} * The text-align of Date Picker items */$datepicker-item-text-align: right !default; /** * @var {color} * The text color of Date Picker items */$datepicker-item-color: $color !default; /** * @var {string} * The type of cursor to display when the cursor is over a Date Picker item */$datepicker-item-cursor: pointer !default; /** * @var {string} * The font-family of Date Picker column headers */$datepicker-column-header-font-family: $datepicker-item-font-family !default; /** * @var {number} * The font-size of Date Picker column headers */$datepicker-column-header-font-size: $datepicker-item-font-size !default; /** * @var {string} * The font-weight of Date Picker column headers */$datepicker-column-header-font-weight: $datepicker-item-font-weight !default; /** * @var {string/list} * The background-gradient of Date Picker column headers. Can be either the name of a * predefined gradient or a list of color stops. Used as the `$type` parameter for * {@link Global_CSS#background-gradient}. */$datepicker-column-header-background-gradient: 'none' !default; /** * @var {string} * The border-style of Date Picker column headers */$datepicker-column-header-border-style: solid !default; /** * @var {number} * The border-width of Date Picker column headers */$datepicker-column-header-border-width: 0 0 1px !default; /** * @var {string} * The text-align of Date Picker column headers */$datepicker-column-header-text-align: $datepicker-item-text-align !default; /** * @var {number} * The height of Date Picker column headers */$datepicker-column-header-height: $datepicker-item-height !default; /** * @var {number/list} * The padding of Date Picker column headers */$datepicker-column-header-item-padding: 0 9px 0 0 !default; /** * @var {number} * The border-width of Date Picker items */$datepicker-item-border-width: 1px !default; /** * @var {string} * The border-style of Date Picker items */$datepicker-item-border-style: solid !default; /** * @var {color} * The border-color of Date Picker items */$datepicker-item-border-color: $datepicker-background-color !default; /** * @var {string} * The border-style of today's date on the Date Picker */$datepicker-item-today-border-style: solid !default; /** * @var {string} * The border-style of the selected item */$datepicker-item-selected-border-style: solid !default; /** * @var {string} * The font-weight of the selected item */$datepicker-item-selected-font-weight: $font-weight-bold !default; /** * @var {color} * The text color of the items in the previous and next months */$datepicker-item-prev-next-color: lighten($datepicker-item-color, 75%) !default; /** * @var {string} * The type of cursor to display when the cursor is over a disabled item */$datepicker-item-disabled-cursor: default !default; /** * @var {color} * The text color of disabled Date Picker items */$datepicker-item-disabled-color: lighten($datepicker-item-color, 50%) !default; /** * @var {color} * The background-color of disabled Date Picker items */$datepicker-item-disabled-background-color: #eee !default; /** * @var {color} * The background-color of the Date Picker footer */$datepicker-footer-background-color: $datepicker-column-header-background-color !default; /** * @var {string/list} * The background-gradient of the Date Picker footer. Can be either the name of a * predefined gradient or a list of color stops. Used as the `$type` parameter for * {@link Global_CSS#background-gradient}. */$datepicker-footer-background-gradient: 'none' !default; /** * @var {number/list} * The border-width of the Date Picker footer */$datepicker-footer-border-width: 1px 0 0 !default; /** * @var {string} * The border-style of the Date Picker footer */$datepicker-footer-border-style: solid !default; /** * @var {string} * The text-align of the Date Picker footer */$datepicker-footer-text-align: center !default; /** * @var {number/list} * The padding of the Date Picker footer */$datepicker-footer-padding: 3px 0 !default; /** * @var {number} * The space between the footer buttons */$datepicker-footer-button-spacing: 4px !default; /** * @var {color} * The border-color of the Month Picker */$datepicker-monthpicker-border-color: $datepicker-border-color !default; /** * @var {number} * The border-width of the Month Picker */$datepicker-monthpicker-border-width: $datepicker-border-width !default; /** * @var {string} * The border-style of the Month Picker */$datepicker-monthpicker-border-style: $datepicker-border-style !default; /** * @var {color} * The text color of Month Picker items */$datepicker-monthpicker-item-color: $color !default; /** * @var {color} * The text color of Month Picker items */$datepicker-monthpicker-item-border-width: $datepicker-item-border-width !default; /** * @var {color} * The border-color of Month Picker items */$datepicker-monthpicker-item-border-color: $datepicker-item-border-color !default; /** * @var {string} * The border-style of Month Picker items */$datepicker-monthpicker-item-border-style: $datepicker-item-border-style !default; /** * @var {string} * The font-family of Month Picker items */$datepicker-monthpicker-item-font-family: $datepicker-item-font-family !default; /** * @var {number} * The font-size of Month Picker items */$datepicker-monthpicker-item-font-size: $datepicker-item-font-size !default; /** * @var {string} * The font-weight of Month Picker items */$datepicker-monthpicker-item-font-weight: $datepicker-item-font-weight !default; /** * @var {number/list} * The margin of Month Picker items */$datepicker-monthpicker-item-margin: 5px !default; /** * @var {string} * The text-align of Month Picker items */$datepicker-monthpicker-item-text-align: center !default; /** * @var {number} * The height of Month Picker items */$datepicker-monthpicker-item-height: 24px !default; /** * @var {string} * The type of cursor to display when the cursor is over a Month Picker item */$datepicker-monthpicker-item-cursor: pointer !default; /** * @var {color} * The background-color of hovered Month Picker items */$datepicker-monthpicker-item-hover-background-color: $datepicker-item-hover-background-color !default; /** * @var {color} * The background-color of selected Month Picker items */$datepicker-monthpicker-item-selected-background-color: $datepicker-item-selected-background-color !default; /** * @var {string} * The border-style of selected Month Picker items */$datepicker-monthpicker-item-selected-border-style: $datepicker-item-selected-border-style !default; /** * @var {color} * The border-color of selected Month Picker items */$datepicker-monthpicker-item-selected-border-color: $datepicker-item-selected-border-color !default; /** * @var {number} * The height of the Month Picker year navigation buttons */$datepicker-monthpicker-yearnav-button-height: 16px !default; /** * @var {number} * The width of the Month Picker year navigation buttons */$datepicker-monthpicker-yearnav-button-width: 16px !default; /** * @var {string} * The type of cursor to display when the cursor is over a Month Picker year navigation button */$datepicker-monthpicker-yearnav-button-cursor: pointer !default; /** * @var {number} * The opacity of the Month Picker year navigation buttons */$datepicker-monthpicker-yearnav-button-opacity: 1 !default; /** * @var {number} * The opacity of hovered Month Picker year navigation buttons */$datepicker-monthpicker-yearnav-button-opacity-over: 1 !default; /** * @var {string} * The background-image of the Month Picker next year navigation button */$datepicker-monthpicker-next-image: 'datepicker/arrow-right' !default; /** * @var {string} * The background-image of the Month Picker previous year navigation button */$datepicker-monthpicker-prev-image: 'datepicker/arrow-left' !default; /** * @var {list} * The background-poisition of the Month Picker next year navigation button */$datepicker-monthpicker-next-background-position: 0 0 !default; /** * @var {list} * The background-poisition of the hovered Month Picker next year navigation button */$datepicker-monthpicker-next-background-position-over: 0 0 !default; /** * @var {list} * The background-poisition of the Month Picker previous year navigation button */$datepicker-monthpicker-prev-background-position: 0 0 !default; /** * @var {list} * The background-poisition of the hovered Month Picker previous year navigation button */$datepicker-monthpicker-prev-background-position-over: 0 0 !default; /** * @var {string} * The border-style of the Month Picker separator */$datepicker-monthpicker-separator-border-style: solid !default; /** * @var {number} * The border-width of the Month Picker separator */$datepicker-monthpicker-separator-border-width: 1px !default; /** * @var {color} * The border-color of the Month Picker separator */$datepicker-monthpicker-separator-border-color: $datepicker-border-color !default; /** * @var {number/list} * The margin of Month Picker items when the datepicker does not have footer buttons */$datepicker-monthpicker-small-item-margin: 2px 5px !default; /** * @var {number} * The height of Month Picker items when the datepicker does not have footer buttons */$datepicker-monthpicker-small-item-height: $datepicker-monthpicker-item-height !default;