UNPKG

@progress/kendo-react-common

Version:

React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package

398 lines (397 loc) 13.7 kB
/** * @license *------------------------------------------------------------------------------------------- * Copyright © 2026 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the package root for more information *------------------------------------------------------------------------------------------- */ import { WidgetClassStructure } from './interfaces/common.js'; export interface DateTimeSizeClasses { /** Small size class for the date-time picker */ small?: string; /** Medium size class for the date-time picker */ medium?: string; /** Large size class for the date-time picker */ large?: string; } export interface DateTimeFillModeClasses { /** Solid fill mode class for the date-time picker */ solid?: string; /** Outline fill mode class for the date-time picker */ outline?: string; /** Flat fill mode class for the date-time picker */ flat?: string; } export interface DateTimeRoundedClasses { /** Small rounded class for the date-time picker */ small?: string; /** Medium rounded class for the date-time picker */ medium?: string; /** Large rounded class for the date-time picker */ large?: string; } export interface TimeFooterClasses { /** Main footer class for time date input */ main?: string; /** Actions container class within the footer */ actions?: string; /** Stretched state class for the footer actions */ stretched?: string; /** Horizontal alignment class for the footer actions */ horizontal?: string; } export interface TimePartClasses { /** Main class for the part of the date input */ main?: string; /** Disabled state class for the part */ disabled?: string; } export interface TimeContainerClasses { /** Main container class for the date input */ main?: string; /** Scrollable state class for the container */ scrollable?: string; /** Content class within the container */ content?: string; } export interface TimeListWrapperClasses { /** Main wrapper class for the list */ main?: string; /** Focused state class for the list wrapper */ focused?: string; } export interface TimeClasses { /** Footer configuration for the date input */ footer?: TimeFooterClasses; /** Cancel action class for the date input */ cancel?: string; /** Accept action class for the date input */ accept?: string; /** Part configuration for the date input */ part?: TimePartClasses; /** Header class for the date input */ header?: string; /** Now action class for the date input */ now?: string; /** List container class for the date input */ listContainer?: string; /** Highlighted state class for the date input */ highlight?: string; /** List wrapper configuration for the date input */ listWrapper?: TimeListWrapperClasses; /** List class for the date input */ list?: string; /** Main container configuration for the date input */ container?: TimeContainerClasses; /** Container selector class for the date input */ containerSelector?: string; /** Separator class for the date input */ separator?: string; /** Unordered list class */ ul?: string; /** List item class */ li?: string; /** Title class for the date input */ title?: string; /** Scrollable placeholder class for the date input */ scrollablePlaceholder?: string; } /** * @hidden */ export declare const uTime: WidgetClassStructure; export interface TimePickerWrapperClasses { /** Main class for the timepicker wrapper */ main?: string; /** Input class for the timepicker */ input?: string; /** Size configurations for the timepicker */ size?: DateTimeSizeClasses; /** Fill mode configurations for the timepicker */ fillMode?: DateTimeFillModeClasses; /** Rounded configurations for the timepicker */ rounded?: DateTimeRoundedClasses; /** Disabled state class for the timepicker */ disabled?: string; /** Required state class for the timepicker */ required?: string; /** Invalid state class for the timepicker */ invalid?: string; } export interface TimePopupClasses { /** Main class for the timepicker popup */ main?: string; /** Container class for the popup list */ container?: string; } export interface TimeSelectorClasses { /** Main class for the time selector */ main?: string; /** Size configurations for the time selector */ size?: DateTimeSizeClasses; /** Disabled state class for the time selector */ disabled?: string; /** Reset class for the time selector */ reset?: string; } export interface TimePickerClasses { /** Wrapper configuration for the timepicker */ wrapper?: TimePickerWrapperClasses; /** Button class for the input component of the timepicker */ inputButton?: string; /** Popup configuration for the timepicker */ popup?: TimePopupClasses; /** Time selector configuration for the timepicker */ timeSelector?: TimeSelectorClasses; } /** * @hidden */ export declare const uTimePicker: WidgetClassStructure; export interface CalendarWrapperClasses { /** Main class for the calendar wrapper */ main?: string; /** Prefix for the infinite calendar state */ infinite?: string; /** Disabled state class for the calendar wrapper */ disabled?: string; /** Week number class for the calendar */ weekNumber?: string; /** Size configurations for the calendar */ size?: DateTimeSizeClasses; } export interface CalendarViewClasses { /** Main class for the calendar view */ main?: string; /** Vertical alignment class for the calendar view */ vertical?: string; /** Month view class for the calendar */ month?: string; /** Year view class for the calendar */ year?: string; /** Decade view class for the calendar */ decade?: string; /** Century view class for the calendar */ century?: string; } export interface CalendarTableClasses { /** Main class for the calendar table */ main?: string; /** Weekdays class for the calendar */ weekdays?: string; } export interface CalendarTdClasses { /** Main class for the table cell */ main?: string; /** Range start class for the table cell */ rangeStart?: string; /** Range end class for the table cell */ rangeEnd?: string; /** Range middle class for the table cell */ rangeMid?: string; /** Range split end class for the table cell */ rangeSplitEnd?: string; /** Range split start class for the table cell */ rangeSplitStart?: string; /** Active state class for the table cell */ active?: string; /** Focused state class for the table cell */ focused?: string; /** Selected state class for the table cell */ selected?: string; /** Today’s date class for the table cell */ today?: string; /** Weekend class for the table cell */ weekend?: string; /** Disabled state class for the table cell */ disabled?: string; /** Other month class for the table cell */ isOtherMonth?: string; /** Empty state class for the table cell */ isEmpty?: string; /** Week state class for the table cell */ isWeek?: string; } export interface CalendarHeaderClasses { /** Main class for the calendar header */ main?: string; /** Vertical alignment class for the calendar header */ vertical?: string; } export interface CalendarTodayClasses { /** Main class for today's calendar entry */ main?: string; /** Disabled state class for today’s calendar entry */ disabled?: string; } export interface CalendarScrollableClasses { /** Main class for the scrollable calendar area */ main?: string; /** Content class for the scrollable area */ content?: string; /** Horizontal scrollable state class */ horizontal?: string; } export interface CalendarClasses { /** Wrapper configuration for the calendar */ wrapper?: CalendarWrapperClasses; /** View configuration for the calendar */ view?: CalendarViewClasses; /** Navigation class for the calendar */ navigation?: string; /** Navigation highlight class for the calendar */ navigationHighlight?: string; /** Table configuration for the calendar */ table?: CalendarTableClasses; /** Header class for the calendar */ thead?: string; /** Row class for the calendar */ tr?: string; /** Header cell class for the calendar */ th?: string; /** Caption class for the calendar */ caption?: string; /** Body class for the calendar */ tbody?: string; /** Unordered list class for the calendar */ ul?: string; /** List item class for the calendar */ li?: string; /** Table cell configuration for the calendar */ td?: CalendarTdClasses; /** Title class for the calendar */ title?: string; /** Header configuration for the calendar */ header?: CalendarHeaderClasses; /** Spacer class for the calendar */ spacer?: string; /** Navigation class for the calendar */ nav?: string; /** Today configuration for the calendar */ today?: CalendarTodayClasses; /** Scrollable configuration for the calendar */ scrollable?: CalendarScrollableClasses; /** Scrollable selector class for the calendar */ scrollableSelector?: string; /** Scrollable placeholder configuration for the calendar */ scrollablePlaceholder?: { /** Main class for the scrollable placeholder */ main?: string; /** Horizontal scrollable placeholder class */ horizontal?: string; }; /** Link class for the calendar */ link?: string; /** Navigation marker class for the calendar */ navigationMarker?: string; } /** * @hidden */ export declare const uCalendar: WidgetClassStructure; export interface DateTimeSpinnerClasses { /** Main class for the input spinner */ main?: string; /** Button class for the input spinner */ button?: string; } export interface DateInputClasses { /** Wrapper configuration for the date input */ wrapper?: { /** Main class for the date input wrapper */ main?: string; /** Prefix for the inner input element */ input?: string; /** Size configurations for the date input */ size?: DateTimeSizeClasses; /** Fill mode configurations for the date input */ fillMode?: DateTimeFillModeClasses; /** Rounded configurations for the date input */ rounded?: DateTimeRoundedClasses; /** Disabled state class for the date input */ disabled?: string; /** Required state class for the date input */ required?: string; /** Invalid state class for the date input */ invalid?: string; }; /** Inner input class for the date input */ inputInner?: string; /** Configuration for the input spinner */ inputSpinner?: DateTimeSpinnerClasses; /** Spinner increase action class */ spinnerIncrease?: string; /** Spinner decrease action class */ spinnerDecrease?: string; /** Clear button class for the date input */ clearButton?: string; } /** * @hidden */ export declare const uDateInput: WidgetClassStructure; export interface DateTimePopupClasses { /** Main class for the popup container */ main?: string; /** Reset class for the popup */ reset?: string; } export interface DateTimePickerClasses { /** Wrapper configuration for the date-time picker */ wrapper?: { /** Main class for the date-time picker wrapper */ main?: string; /** Prefix for the inner input element */ input?: string; /** Size configurations for the date-time picker */ size?: DateTimeSizeClasses; /** Fill mode configurations for the date-time picker */ fillMode?: DateTimeFillModeClasses; /** Rounded configurations for the date-time picker */ rounded?: DateTimeRoundedClasses; /** Disabled state class for the date-time picker */ disabled?: string; /** Required state class for the date-time picker */ required?: string; /** Invalid state class for the date-time picker */ invalid?: string; }; /** Input button class for the date-time picker */ inputButton?: string; /** Configuration for the popup */ popup?: DateTimePopupClasses; /** Wrap configurations for the date-time picker */ wrap?: { /** Main class for the wrap element */ main?: string; /** Date tab class for the wrap */ date?: string; /** Time tab class for the wrap */ time?: string; /** Disabled state class for the wrap */ disabled?: string; }; /** Footer configurations for the time section */ timeFooter?: { /** Main class for the time footer */ main?: string; /** Actions class for the footer */ actions?: string; /** Stretched state class for the footer */ stretched?: string; }; /** Button group class for the date-time picker */ buttonGroup?: string; /** Selector class for the date-time picker */ selector?: string; /** Wrap class for the calendar */ calendarWrap?: string; /** Wrap class for the time section */ timeWrap?: string; /** Configuration for the time selector */ timeSelector?: TimeSelectorClasses; } /** * @hidden */ export declare const uDateTimePicker: WidgetClassStructure;