@progress/kendo-react-common 13.3.0 → 13.4.0-develop.1

package/unstyled/dateinputs.d.ts

@@ -0,0 +1,397 @@
+/**
+ * @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;

package/unstyled/dateinputs.mjs

@@ -6,7 +6,7 @@
  *-------------------------------------------------------------------------------------------
  */
 import { getClassByName as d } from "./interfaces/common.mjs";
-import { base as e, dateInputs as n, elements as b, containers as o, states as s, orientationMap as B, actions as y, components as v, inputPrefix as p, sizeMap as h, fillModeMap as z, roundedMap as k, calendarPrefix as c, cssUtils as I, directionMap as P, inputs as W } from "./json-classes.mjs";
+import { base as e, states as s, containers as o, elements as b, dateInputs as n, actions as y, orientationMap as B, sizeMap as h, components as v, inputPrefix as p, roundedMap as z, fillModeMap as k, calendarPrefix as c, cssUtils as I, directionMap as P, inputs as W } from "./json-classes.mjs";
 const x = {
   footer: {
     main: `${e.prefix}-${n.time}-${b.footer}`,
@@ -95,14 +95,14 @@ const x = {
       large: `${p}-${h.large}`
     },
     fillMode: {
-      solid: `${p}-${z.solid}`,
-      outline: `${p}-${z.outline}`,
-      flat: `${p}-${z.flat}`
+      solid: `${p}-${k.solid}`,
+      outline: `${p}-${k.outline}`,
+      flat: `${p}-${k.flat}`
     },
     rounded: {
-      small: `${e.prefix}-${e.rounded}-${k.small}`,
-      medium: `${e.prefix}-${e.rounded}-${k.medium}`,
-      large: `${e.prefix}-${e.rounded}-${k.large}`
+      small: `${e.prefix}-${e.rounded}-${z.small}`,
+      medium: `${e.prefix}-${e.rounded}-${z.medium}`,
+      large: `${e.prefix}-${e.rounded}-${z.large}`
     },
     disabled: `${e.prefix}-${s.disabled}`,
     required: `${e.prefix}-${s.required}`,
@@ -357,14 +357,14 @@ const x = {
       large: `${p}-${h.large}`
     },
     fillMode: {
-      solid: `${p}-${z.solid}`,
-      outline: `${p}-${z.outline}`,
-      flat: `${p}-${z.flat}`
+      solid: `${p}-${k.solid}`,
+      outline: `${p}-${k.outline}`,
+      flat: `${p}-${k.flat}`
     },
     rounded: {
-      small: `${e.prefix}-${e.rounded}-${k.small}`,
-      medium: `${e.prefix}-${e.rounded}-${k.medium}`,
-      large: `${e.prefix}-${e.rounded}-${k.large}`
+      small: `${e.prefix}-${e.rounded}-${z.small}`,
+      medium: `${e.prefix}-${e.rounded}-${z.medium}`,
+      large: `${e.prefix}-${e.rounded}-${z.large}`
     },
     disabled: `${e.prefix}-${s.disabled}`,
     required: `${e.prefix}-${s.required}`,
@@ -415,14 +415,14 @@ const x = {
       large: `${p}-${h.large}`
     },
     fillMode: {
-      solid: `${p}-${z.solid}`,
-      outline: `${p}-${z.outline}`,
-      flat: `${p}-${z.flat}`
+      solid: `${p}-${k.solid}`,
+      outline: `${p}-${k.outline}`,
+      flat: `${p}-${k.flat}`
     },
     rounded: {
-      small: `${e.prefix}-${e.rounded}-${k.small}`,
-      medium: `${e.prefix}-${e.rounded}-${k.medium}`,
-      large: `${e.prefix}-${e.rounded}-${k.large}`
+      small: `${e.prefix}-${e.rounded}-${z.small}`,
+      medium: `${e.prefix}-${e.rounded}-${z.medium}`,
+      large: `${e.prefix}-${e.rounded}-${z.large}`
     },
     disabled: `${e.prefix}-${s.disabled}`,
     required: `${e.prefix}-${s.required}`,