@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
TypeScript
/**
* @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;