2024-05-08 11:40:44 +00:00
|
|
|
/**
|
|
|
|
*
|
|
|
|
* DatePicker is a form component to work with dates.
|
|
|
|
*
|
|
|
|
* [Live Demo](https://www.primevue.org/datepicker/)
|
|
|
|
*
|
|
|
|
* @module datepickerstyle
|
|
|
|
*
|
|
|
|
*/
|
2024-04-18 14:13:33 +00:00
|
|
|
import { BaseStyle } from '../../base/style';
|
|
|
|
|
2024-05-08 11:40:44 +00:00
|
|
|
export enum DatePickerClasses {
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the root element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
root = 'p-datepicker',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the input element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
pcInput = 'p-datepicker-input',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the dropdown element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
dropdown = 'p-datepicker-dropdown',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the input icon container element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
inputIconContainer = 'p-datepicker-input-icon-container',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the input icon element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
inputIcon = 'p-datepicker-input-icon',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the panel element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
panel = 'p-datepicker-panel',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the calendar container element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
calendarContainer = 'p-datepicker-calendar-container',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the calendar element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
calendar = 'p-datepicker-calendar',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the header element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
header = 'p-datepicker-header',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the previous button element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
pcPreviousButton = 'p-datepicker-prev-button',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the title element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
title = 'p-datepicker-title',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the view month element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
viewMonth = 'p-datepicker-view-month',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the view year element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
viewYear = 'p-datepicker-view-year',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the decade element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
decade = 'p-datepicker-decade',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the next button element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
pcNextButton = 'p-datepicker-next-button',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the day view element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
dayView = 'p-datepicker-day-view',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the week header element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
weekHeader = 'p-datepicker-weekheader',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the week number element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
weekNumber = 'p-datepicker-weeknumber',
|
2024-05-22 17:36:43 +00:00
|
|
|
/**
|
|
|
|
* Class name of the week label container element
|
|
|
|
*/
|
|
|
|
weekLabelContainer = 'p-datepicker-weeklabel-container',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the week day cell element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
weekDayCell = 'p-datepicker-weekday-cell',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the week day element
|
|
|
|
*/
|
|
|
|
weekDay = 'p-datepicker-weekday',
|
|
|
|
/**
|
|
|
|
* Class name of the day cell element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
dayCell = 'p-datepicker-day-cell',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the day element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
day = 'p-datepicker-day',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the month view element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
monthView = 'p-datepicker-month-view',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the month element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
month = 'p-datepicker-month',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the year view element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
yearView = 'p-datepicker-year-view',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the year element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
year = 'p-datepicker-year',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the time picker element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
timePicker = 'p-datepicker-time-picker',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the hour picker element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
hourPicker = 'p-datepicker-hour-picker',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the increment button element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
pcIncrementButton = 'p-datepicker-increment-button',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the decrement button element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
pcDecrementButton = 'p-datepicker-decrement-button',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the separator element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
separator = 'p-datepicker-separator',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the minute picker element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
minutePicker = 'p-datepicker-minute-picker',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the second picker element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
secondPicker = 'p-datepicker-second-picker',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the ampm picker element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
ampmPicker = 'p-datepicker-ampm-picker',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the buttonbar element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
buttonbar = 'p-datepicker-buttonbar',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the today button element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
pcTodayButton = 'p-datepicker-today-button',
|
2024-05-22 13:52:02 +00:00
|
|
|
/**
|
|
|
|
* Class name of the clear button element
|
|
|
|
*/
|
2024-05-08 11:40:44 +00:00
|
|
|
pcClearButton = 'p-datepicker-clear-button'
|
|
|
|
}
|
|
|
|
|
2024-04-18 14:13:33 +00:00
|
|
|
export interface DatePickerStyle extends BaseStyle {}
|