@progress/kendo-react-dateinputs 7.5.0-develop.8 → 8.0.0-develop.1

package/index.d.ts

@@ -99,6 +99,7 @@ export declare interface CalendarCellProps extends CellContext {
     style?: React_2.CSSProperties;
     isDisabled?: boolean;
     view?: CalendarViewEnum;
+    allowReverse?: boolean;
     onClick?: (value: Date, event?: React_2.MouseEvent<any>) => void;
     onMouseEnter?: (value: Date, event?: React_2.MouseEvent<any>) => void;
     onMouseLeave?: (value: Date, event?: React_2.MouseEvent<any>) => void;
@@ -141,6 +142,14 @@ export declare interface CalendarHandle extends Pick<CalendarWithoutContext, key
     value: Date | null;
 }
 
+/**
+ * The props which will be received by the custom header of the Calendar and the MultiViewCalendar.
+ */
+declare interface CalendarHeaderProps {
+    headerTitleProps: CalendarHeaderTitleProps;
+    commands: React.ReactNode;
+}
+
 /**
  * The `CalendarHeaderTitle` component is internally used for rendering the title of the current calendar view. Also used as a custom `headerTitle` for the [Calendar]({% slug api_dateinputs_calendarprops %}#toc-headertitle) and the [MultiViewCalendar]({% slug api_dateinputs_multiviewcalendarprops %}#toc-headertitle) components.
  *
@@ -302,10 +311,20 @@ export declare interface CalendarSettings {
      * Defines the topmost view to which the user can navigate.
      */
     topView?: ActiveView;
+    /**
+     * Specifies the possible format options for the displayed Calendar week days' names.
+     *
+     * @default short
+     */
+    weekDaysFormat?: WeekDaysFormat;
     /**
      * Determines if the week number column will be displayed.
      */
     weekNumber?: boolean;
+    /**
+     * Displays the days that fall out of the current month.
+     */
+    showOtherMonthDays?: boolean;
     /**
      * Enables the customization or the override of the default Calendar cell
      * ([see example]({% slug custom_rendering_calendar %}#toc-cells-inside-the-view)).
@@ -321,6 +340,11 @@ export declare interface CalendarSettings {
      * ([see example]({% slug custom_rendering_calendar %}#toc-titles-of-current-views)).
      */
     headerTitle?: React.ComponentType<CalendarHeaderTitleProps>;
+    /**
+     * Enables the customization or the override of the default header title in the Calendar
+     * ([see example]({% slug custom_rendering_calendar %}#toc-titles-of-current-views)).
+     */
+    header?: React.ComponentType<CalendarHeaderProps>;
     /**
      * Enables the customization or the override of the default navigation item in the Calendar
      * ([see example]({% slug custom_rendering_calendar %}#toc-items-in-the-side-navigation)).
@@ -358,6 +382,7 @@ export declare class CalendarWeekCell extends React_2.Component<CalendarWeekCell
      * @return
      * Returns a `<td />` element with the [`value`]({% slug api_dateinputs_calendarweekcellprops %}#toc-value) as a child.
      */
+    private handleClick;
     render(): JSX_2.Element;
 }
 
@@ -371,6 +396,8 @@ export declare interface CalendarWeekCellProps {
     children?: React_2.ReactNode;
     className?: string;
     firstDate: Date;
+    weekDays?: Date[];
+    onClick?: (firstDate: Date, value: Date[], event: React_2.MouseEvent<HTMLTableCellElement>) => void;
 }
 
 /** @hidden */
@@ -391,6 +418,7 @@ export declare class CalendarWithoutContext extends React_2.Component<CalendarPr
         id: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
+        weekDaysFormat: PropTypes.Requireable<string>;
         max: PropTypes.Requireable<Date>;
         min: PropTypes.Requireable<Date>;
         navigation: PropTypes.Requireable<boolean>;
@@ -411,11 +439,13 @@ export declare class CalendarWithoutContext extends React_2.Component<CalendarPr
         disabled: boolean;
         min: Date;
         max: Date;
+        weekDaysFormat: string;
         navigation: boolean;
         defaultActiveView: ActiveView;
         defaultValue: null;
         topView: ActiveView;
         bottomView: ActiveView;
+        showOtherMonthDays: boolean;
     };
     protected dom: DOMService;
     protected scrollSyncService: ScrollSyncService | null;
@@ -492,6 +522,7 @@ export declare interface CellContext {
     isToday: boolean;
     title?: string;
     value: Date;
+    isOtherMonth?: boolean;
 }
 
 /**
@@ -702,6 +733,10 @@ export declare interface DateInputProps<T extends DateInput = any> extends FormC
      * Determines whether the DateInput is in its read-only state.
      */
     readonly?: boolean;
+    /**
+     * If `clearButton` is set to `true`, the DateInput renders a button next to the date value. Clicking this button resets the value of the date and triggers the `change` event.
+     */
+    clearButton?: boolean;
 }
 
 /**
@@ -831,6 +866,7 @@ export declare const dateInputsMessages: {
     "timepicker.toggleClock": string;
     "dateinput.increment": string;
     "dateinput.decrement": string;
+    "dateinput.clear": string;
     "datepicker.toggleCalendar": string;
     "multiviewcalendar.prevView": string;
     "multiviewcalendar.nextView": string;
@@ -883,7 +919,7 @@ export declare class DateInputWithoutContext extends React_2.Component<DateInput
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -1048,6 +1084,7 @@ export declare class DateInputWithoutContext extends React_2.Component<DateInput
     protected updateOnPaste: (event: React_2.SyntheticEvent<HTMLInputElement>) => void;
     private spinnersMouseDown;
     private handlePaste;
+    private handleClick;
     private elementChange;
     private elementClick;
     private nativeWheel;
@@ -1389,7 +1426,7 @@ export declare class DatePickerWithoutContext extends React_2.Component<DatePick
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -1565,7 +1602,7 @@ export declare const DateRangePicker: React_2.ForwardRefExoticComponent<DateRang
 /**
  * Represents the settings that can be passed to the MultiViewCalendar inside the DateRangePicker.
  */
-export declare interface DateRangePickerCalendarSettings extends MultiViewCalendarSettings {
+export declare interface DateRangePickerCalendarSettings extends Omit<MultiViewCalendarSettings, 'showOtherMonthDays'> {
 }
 
 /**
@@ -1676,6 +1713,10 @@ export declare interface DateRangePickerProps extends DateRangePickerSettings {
      * Specifies the text that is rendered as title in the adaptive popup.
      */
     adaptiveTitle?: string;
+    /**
+     * If `clearButton` is set to `true`, the DateRangePicker renders a button next to the start and end date values. Clicking this button resets the value of the date and triggers the `change` event.
+     */
+    clearButton?: boolean;
     /**
      * @hidden
      */
@@ -1851,7 +1892,7 @@ export declare class DateRangePickerWithoutContext extends React_2.Component<Dat
                 second: PropTypes.Requireable<string>;
                 timeZoneName: PropTypes.Requireable<string>;
             }> | null | undefined>>;
-            formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+            formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
                 year: PropTypes.Requireable<string>;
                 month: PropTypes.Requireable<string>;
                 day: PropTypes.Requireable<string>;
@@ -2363,7 +2404,7 @@ export declare class DateTimePickerWithoutContext extends React_2.Component<Date
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -2708,6 +2749,7 @@ declare interface HeaderProps {
     rangeLength?: number;
     service: ViewService;
     headerTitle?: React_2.ComponentType<CalendarHeaderTitleProps>;
+    header?: React_2.ComponentType<CalendarHeaderProps>;
     commands?: React_2.ReactNode;
     verticalView?: boolean;
 }
@@ -2721,6 +2763,7 @@ export declare class HorizontalViewList extends React_2.Component<HorizontalView
         views: number;
         take: number;
         allowReverse: boolean;
+        weekDaysFormat: string;
         min: Date;
         max: Date;
     };
@@ -2736,6 +2779,7 @@ export declare class HorizontalViewList extends React_2.Component<HorizontalView
     componentDidUpdate(): void;
     render(): JSX_2.Element;
     protected rotateSelectionRange: (selectionRange: SelectionRange) => SelectionRange;
+    private handleWeekCellClick;
     private handleDateChange;
 }
 
@@ -2761,9 +2805,11 @@ export declare interface HorizontalViewListProps {
     max?: Date;
     min?: Date;
     onChange?: (event: HorizontalViewListEventArguments) => void;
+    onWeekSelect?: (firstDate: Date, daysToEqualize: number, event: React_2.MouseEvent<HTMLTableCellElement>) => void;
     selectionRange: SelectionRange;
     service: ViewService;
     showWeekNumbers?: boolean;
+    weekDaysFormat?: WeekDaysFormat;
     take?: number;
     value: Date[] | Date | null;
     views?: number;
@@ -2771,6 +2817,7 @@ export declare interface HorizontalViewListProps {
     allowReverse?: boolean;
     cell?: React_2.ComponentType<CalendarCellProps>;
     weekCell?: React_2.ComponentType<CalendarWeekCellProps>;
+    showOtherMonthDays?: boolean;
     headerTitle?: React_2.ComponentType<CalendarHeaderTitleProps>;
     dates: any[];
     verticalView?: boolean;
@@ -3044,6 +3091,12 @@ export declare interface MultiViewCalendarSettings {
      * Determines if the week number column will be displayed.
      */
     weekNumber?: boolean;
+    /**
+     * Specifies the possible format options for the displayed Calendar week days' names.
+     *
+     * @default short
+     */
+    weekDaysFormat?: WeekDaysFormat;
     /**
      * Fires each time the MultiViewCalendar is focused.
      */
@@ -3094,6 +3147,10 @@ export declare interface MultiViewCalendarSettings {
      * * `range`&mdash;Renders a date-range selection.
      */
     mode?: MultiViewCalendarMode;
+    /**
+     * Displays the days that fall out of the current month.
+     */
+    showOtherMonthDays?: boolean;
     /**
      * Fires each time the MultiViewCalendar is blurred.
      */
@@ -3144,6 +3201,7 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
         disabled: PropTypes.Requireable<boolean>;
         focusedDate: PropTypes.Requireable<Date>;
         id: PropTypes.Requireable<string>;
+        weekDaysFormat: PropTypes.Requireable<string>;
         ariaLabelledBy: PropTypes.Requireable<string>;
         ariaDescribedBy: PropTypes.Requireable<string>;
         max: PropTypes.Requireable<Date>;
@@ -3157,6 +3215,7 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
         value: PropTypes.Requireable<any>;
         views: (props: MultiViewCalendarProps, propName: keyof MultiViewCalendarProps<any>, componentName: string) => Error | null;
         weekNumber: PropTypes.Requireable<boolean>;
+        showOtherMonthDays: PropTypes.Requireable<boolean>;
         dir: PropTypes.Requireable<string>;
     };
     /**
@@ -3170,10 +3229,12 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
         defaultActiveView: ActiveView;
         defaultValue: null;
         topView: ActiveView;
+        weekDaysFormat: string;
         tabIndex: number;
         bottomView: ActiveView;
         views: number;
         allowReverse: boolean;
+        showOtherMonthDays: boolean;
     };
     protected dates: any[];
     private lastView;
@@ -3250,6 +3311,7 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
     private handleNextButtonClick;
     private handleKeyDown;
     private handleViewChange;
+    private handleWeekSelection;
     private handleDateChange;
 }
 
@@ -3931,7 +3993,7 @@ export declare class TimePickerWithoutContext extends React_2.Component<TimePick
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }> | null | undefined>>;
-        formatPlaceholder: PropTypes.Requireable<NonNullable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<NonNullable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -4281,11 +4343,13 @@ export declare class ViewList extends React_2.Component<ViewListProps, ViewListS
         value: PropTypes.Requireable<Date>;
         viewHeight: PropTypes.Requireable<number>;
         viewOffset: PropTypes.Requireable<number>;
+        weekDaysFormat: PropTypes.Requireable<string>;
         tabIndex: PropTypes.Requireable<number>;
     };
     static defaultProps: {
         take: number;
         showWeekNumbers: boolean;
+        weekDaysFormat: string;
         smoothScroll: boolean;
     };
     virtualization: Virtualization | null;
@@ -4302,6 +4366,7 @@ export declare class ViewList extends React_2.Component<ViewListProps, ViewListS
     private shouldScroll;
     private indexToScroll?;
     private lastFocus;
+    private weekService;
     get element(): HTMLDivElement | null;
     protected get weekNames(): string[];
     protected get weekNumber(): boolean;
@@ -4353,11 +4418,14 @@ declare interface ViewListProps {
     showWeekNumbers?: boolean;
     smoothScroll?: boolean;
     take?: number;
+    weekDaysFormat?: WeekDaysFormat;
     value: Date | null;
     viewHeight?: number;
     viewOffset?: number;
     weekCell?: React_2.ComponentType<CalendarWeekCellProps>;
+    showOtherMonthDays?: boolean;
     headerTitle?: React_2.ComponentType<CalendarHeaderTitleProps>;
+    header?: React_2.ComponentType<CalendarHeaderProps>;
     shouldScroll?: () => boolean;
     tabIndex?: number;
 }
@@ -4488,13 +4556,18 @@ declare interface VirtualizationProps {
     children?: React_2.ReactNode;
 }
 
+/**
+ * Specifies the possible format options for the displayed Calendar week days' names.
+ */
+declare type WeekDaysFormat = 'short' | 'narrow' | 'abbreviated';
+
 /**
  * @hidden
  */
 export declare class WeekNamesService {
     private intl;
     constructor(intl: IntlService);
-    getWeekNames(includeWeekNumber?: boolean): string[];
+    getWeekNames(includeWeekNumber?: boolean, weekDaysFormat?: WeekDaysFormat): string[];
 }
 
 /**

package/messages/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="multiviewcalendar.prevView",t="multiviewcalendar.nextView",a="dateinput.increment",c="dateinput.decrement",i="calendar.today",r="datepicker.toggleCalendar",n="daterangepicker.swapStartEnd",o="daterangepicker.start",l="daterangepicker.end",s="daterangepicker.separator",d="datetimepicker.toggleDateTimeSelector",g="timepicker.now",m="timepicker.selectNow",k="timepicker.cancel",p="timepicker.set",S="timepicker.toggleTimeSelector",w="timepicker.toggleClock",T="datetimepicker.date",u="datetimepicker.time",C="datetimepicker.cancel",v="datetimepicker.set",P="daterangepicker.cancel",V="daterangepicker.set",N={[i]:"Today",[g]:"NOW",[p]:"Set",[k]:"Cancel",[T]:"Date",[u]:"Time",[C]:"Cancel",[v]:"Set",[P]:"Cancel",[V]:"Set",[o]:"Start",[l]:"End",[s]:" ",[m]:"Select Now",[S]:"Toggle TimeSelector",[w]:"Toggle Clock",[a]:"Increase value",[c]:"Decrease value",[r]:"Toggle calendar",[e]:"Navigate to previous view",[t]:"Navigate to next view",[n]:"Swap start and end values",[d]:"Toggle date-time selector"};exports.date=T;exports.dateRangePickerCancel=P;exports.dateRangePickerSet=V;exports.dateTimePickerCancel=C;exports.dateTimePickerSet=v;exports.decreaseValue=c;exports.end=l;exports.increaseValue=a;exports.messages=N;exports.nextView=t;exports.now=g;exports.prevView=e;exports.selectNow=m;exports.separator=s;exports.start=o;exports.swapStartEnd=n;exports.time=u;exports.timePickerCancel=k;exports.timePickerSet=p;exports.today=i;exports.toggleCalendar=r;exports.toggleClock=w;exports.toggleDateTimeSelector=d;exports.toggleTimeSelector=S;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="multiviewcalendar.prevView",t="multiviewcalendar.nextView",a="dateinput.increment",c="dateinput.decrement",i="dateinput.clear",r="calendar.today",n="datepicker.toggleCalendar",o="daterangepicker.swapStartEnd",l="daterangepicker.start",s="daterangepicker.end",d="daterangepicker.separator",g="datetimepicker.toggleDateTimeSelector",m="timepicker.now",k="timepicker.selectNow",p="timepicker.cancel",S="timepicker.set",w="timepicker.toggleTimeSelector",T="timepicker.toggleClock",u="datetimepicker.date",C="datetimepicker.time",v="datetimepicker.cancel",P="datetimepicker.set",V="daterangepicker.cancel",N="daterangepicker.set",y={[r]:"Today",[m]:"NOW",[S]:"Set",[p]:"Cancel",[u]:"Date",[C]:"Time",[v]:"Cancel",[P]:"Set",[V]:"Cancel",[N]:"Set",[l]:"Start",[s]:"End",[d]:" ",[k]:"Select Now",[w]:"Toggle TimeSelector",[T]:"Toggle Clock",[a]:"Increase value",[c]:"Decrease value",[i]:"clear",[n]:"Toggle calendar",[e]:"Navigate to previous view",[t]:"Navigate to next view",[o]:"Swap start and end values",[g]:"Toggle date-time selector"};exports.clear=i;exports.date=u;exports.dateRangePickerCancel=V;exports.dateRangePickerSet=N;exports.dateTimePickerCancel=v;exports.dateTimePickerSet=P;exports.decreaseValue=c;exports.end=s;exports.increaseValue=a;exports.messages=y;exports.nextView=t;exports.now=m;exports.prevView=e;exports.selectNow=k;exports.separator=d;exports.start=l;exports.swapStartEnd=o;exports.time=C;exports.timePickerCancel=p;exports.timePickerSet=S;exports.today=r;exports.toggleCalendar=n;exports.toggleClock=T;exports.toggleDateTimeSelector=g;exports.toggleTimeSelector=w;

package/messages/index.mjs

@@ -6,54 +6,56 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-const e = "multiviewcalendar.prevView", t = "multiviewcalendar.nextView", a = "dateinput.increment", c = "dateinput.decrement", n = "calendar.today", i = "datepicker.toggleCalendar", r = "daterangepicker.swapStartEnd", o = "daterangepicker.start", l = "daterangepicker.end", s = "daterangepicker.separator", d = "datetimepicker.toggleDateTimeSelector", g = "timepicker.now", m = "timepicker.selectNow", p = "timepicker.cancel", k = "timepicker.set", w = "timepicker.toggleTimeSelector", S = "timepicker.toggleClock", T = "datetimepicker.date", v = "datetimepicker.time", u = "datetimepicker.cancel", C = "datetimepicker.set", N = "daterangepicker.cancel", P = "daterangepicker.set", V = {
-  [n]: "Today",
-  [g]: "NOW",
-  [k]: "Set",
-  [p]: "Cancel",
-  [T]: "Date",
+const e = "multiviewcalendar.prevView", t = "multiviewcalendar.nextView", a = "dateinput.increment", c = "dateinput.decrement", n = "dateinput.clear", i = "calendar.today", r = "datepicker.toggleCalendar", o = "daterangepicker.swapStartEnd", l = "daterangepicker.start", s = "daterangepicker.end", d = "daterangepicker.separator", g = "datetimepicker.toggleDateTimeSelector", p = "timepicker.now", m = "timepicker.selectNow", k = "timepicker.cancel", w = "timepicker.set", S = "timepicker.toggleTimeSelector", T = "timepicker.toggleClock", u = "datetimepicker.date", v = "datetimepicker.time", C = "datetimepicker.cancel", N = "datetimepicker.set", P = "daterangepicker.cancel", V = "daterangepicker.set", x = {
+  [i]: "Today",
+  [p]: "NOW",
+  [w]: "Set",
+  [k]: "Cancel",
+  [u]: "Date",
   [v]: "Time",
-  [u]: "Cancel",
-  [C]: "Set",
-  [N]: "Cancel",
-  [P]: "Set",
-  [o]: "Start",
-  [l]: "End",
-  [s]: " ",
+  [C]: "Cancel",
+  [N]: "Set",
+  [P]: "Cancel",
+  [V]: "Set",
+  [l]: "Start",
+  [s]: "End",
+  [d]: " ",
   [m]: "Select Now",
-  [w]: "Toggle TimeSelector",
-  [S]: "Toggle Clock",
+  [S]: "Toggle TimeSelector",
+  [T]: "Toggle Clock",
   [a]: "Increase value",
   [c]: "Decrease value",
-  [i]: "Toggle calendar",
+  [n]: "clear",
+  [r]: "Toggle calendar",
   [e]: "Navigate to previous view",
   [t]: "Navigate to next view",
-  [r]: "Swap start and end values",
-  [d]: "Toggle date-time selector"
+  [o]: "Swap start and end values",
+  [g]: "Toggle date-time selector"
 };
 export {
-  T as date,
-  N as dateRangePickerCancel,
-  P as dateRangePickerSet,
-  u as dateTimePickerCancel,
-  C as dateTimePickerSet,
+  n as clear,
+  u as date,
+  P as dateRangePickerCancel,
+  V as dateRangePickerSet,
+  C as dateTimePickerCancel,
+  N as dateTimePickerSet,
   c as decreaseValue,
-  l as end,
+  s as end,
   a as increaseValue,
-  V as messages,
+  x as messages,
   t as nextView,
-  g as now,
+  p as now,
   e as prevView,
   m as selectNow,
-  s as separator,
-  o as start,
-  r as swapStartEnd,
+  d as separator,
+  l as start,
+  o as swapStartEnd,
   v as time,
-  p as timePickerCancel,
-  k as timePickerSet,
-  n as today,
-  i as toggleCalendar,
-  S as toggleClock,
-  d as toggleDateTimeSelector,
-  w as toggleTimeSelector
+  k as timePickerCancel,
+  w as timePickerSet,
+  i as today,
+  r as toggleCalendar,
+  T as toggleClock,
+  g as toggleDateTimeSelector,
+  S as toggleTimeSelector
 };

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-dateinputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1714117556,
+  publishDate: 1715583212,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-dateinputs",
-  "version": "7.5.0-develop.8",
+  "version": "8.0.0-develop.1",
   "description": "React DateInput is a perfect input component for handling quick and efficient date values. KendoReact Date Inputs package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -24,13 +24,13 @@
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.4.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "7.5.0-develop.8",
-    "@progress/kendo-react-common": "7.5.0-develop.8",
-    "@progress/kendo-react-intl": "7.5.0-develop.8",
-    "@progress/kendo-react-labels": "7.5.0-develop.8",
-    "@progress/kendo-react-layout": "7.5.0-develop.8",
-    "@progress/kendo-react-popup": "7.5.0-develop.8",
-    "@progress/kendo-svg-icons": "^2.1.0",
+    "@progress/kendo-react-buttons": "8.0.0-develop.1",
+    "@progress/kendo-react-common": "8.0.0-develop.1",
+    "@progress/kendo-react-intl": "8.0.0-develop.1",
+    "@progress/kendo-react-labels": "8.0.0-develop.1",
+    "@progress/kendo-react-layout": "8.0.0-develop.1",
+    "@progress/kendo-react-popup": "8.0.0-develop.1",
+    "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"
   },

package/virtualization/Virtualization.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),s=require("prop-types"),m=require("@progress/kendo-react-common"),w=require("./services/RowHeightService.js"),H=require("./services/ScrollerService.js");function P(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const h=P(b),T=(r,e,t)=>Math.min(Math.abs(e-r),t),O=17,A=10,x={1:r=>e=>e+r,0:r=>e=>e-r},I={1:r=>e=>Math.min(e,r),0:r=>e=>Math.max(e,r)},C={1:r=>e=>e<r,0:r=>e=>e>r},c=class c extends h.Component{constructor(e){super(e),this.rowHeightService=null,this.scrollContainer=null,this.lastDirection=null,this.lastTotal=0,this.lastTake=0,this.animationInProgress=!1,this.restrictScroll=!1,this.scrollTo=t=>{const i=this.direction==="vertical"?"scrollTop":"scrollLeft";if(!this.scrollContainer)return;const o=this.scrollContainer[i];this.restrictScroll&&i==="scrollTop"&&(!Number.isInteger(o)||!Number.isInteger(t))&&Math.abs(o-t)<A||(this.scrollContainer[i]=t)},this.scrollToIndex=t=>{this.animationInProgress=!1,this.rowHeightService&&this.scrollTo(this.rowHeightService.offset(t))},this.animateToIndex=t=>{if(!this.rowHeightService||!window)return;window.cancelAnimationFrame(this.cancelAnimation);const i=this.rowHeightService.offset(t),o=this.getContainerScrollDirection(i);let{start:n,end:l}=this.scrollRange(i,o);if(n===l)return;const f=this.scrollStep(n,l),a=x[o](f),u=I[o](l),g=C[o](a(l)),p=v=>{this.animationInProgress=!0;const S=a(v);this.scrollTo(u(S)),g(S)?this.cancelAnimation=window.requestAnimationFrame(()=>{p(S)}):this.animationInProgress=!1};this.cancelAnimation=window.requestAnimationFrame(()=>{p(n)})},this.scrollToBottom=()=>{this.rowHeightService&&this.scrollTo(this.rowHeightService.totalHeight()+this.props.bottomOffset)},this.scrollStep=(t,i)=>{const o=this.props.scrollDuration||c.defaultProps.scrollDuration;return Math.abs(i-t)/(o/O)},this.scrollRange=(t,i)=>{const o=this.containerScrollPosition;if(parseInt(`${t}`,10)===parseInt(`${o}`,10))return{start:t,end:t};const n=this.containerMaxScroll(),l=i===0?1:-1,f=T(o,t,this.props.maxScrollDifference||0),a=Math.min(t,n);return{start:Math.min(Math.max(a+l*f,0),n),end:a}},this.containerMaxScroll=()=>this.containerScrollSize-this.containerOffsetSize,this.getContainerScrollDirection=t=>t<this.containerScrollPosition?0:1,this.initServices=(t=this.props)=>{const i=this.direction==="vertical"?t.itemHeight:t.itemWidth;i!==void 0&&(this.rowHeightService=new w.RowHeightService(t.total,i,0),this.scrollerService.create(this.rowHeightService,t.skip,t.take,t.total,t.topOffset,this.scrollOffsetSize,this.direction))},this.getContainerProperty=t=>this.scrollContainer?this.scrollContainer[t]:0,this.handleScroll=t=>{if(!this.scrollContainer||!this.rowHeightService)return;const i=t.target;this.scrollerService.onScroll({scrollLeft:i.scrollLeft,scrollTop:i.scrollTop,offsetHeight:i.offsetHeight,offsetWidth:i.offsetWidth});const o=this.rowHeightService.index(this.containerScrollPosition-this.props.topOffset),{onScrollAction:n}=this.props,l={index:o,target:i,scrollAction:this.scrollAction,pageAction:this.pageAction,animationInProgress:this.animationInProgress};this.props.onScroll&&this.props.onScroll.call(void 0,t),n&&n.call(void 0,l),this.scrollAction=void 0,this.pageAction=void 0},this.handleScrollAction=t=>{this.scrollAction=t},this.handlePageAction=t=>{this.pageAction=t},this.scrollerService=new H.ScrollerService(this.handleScrollAction,this.handlePageAction),this.restrictScroll=Number.parseFloat(h.version)>17}get element(){return this.scrollContainer}get containerOffsetSize(){return this.getContainerProperty(this.direction==="vertical"?"offsetHeight":"offsetWidth")}get containerScrollSize(){return this.getContainerProperty(this.direction==="vertical"?"scrollHeight":"scrollWidth")}get containerScrollPosition(){return this.getContainerProperty(this.direction==="vertical"?"scrollTop":"scrollLeft")}get direction(){return this.props.direction!==void 0?this.props.direction:c.defaultProps.direction}get scrollOffsetSize(){return this.props.scrollOffsetSize!==void 0?this.props.scrollOffsetSize:c.defaultProps.scrollOffsetSize}activeIndex(){return this.itemIndex(Math.ceil(this.containerScrollPosition))}itemIndex(e){return this.rowHeightService?this.rowHeightService.index(e):0}itemOffset(e){return this.rowHeightService?this.rowHeightService.offset(e):0}isIndexVisible(e){if(!this.rowHeightService)return!1;const t=this.containerScrollPosition,i=t+this.containerOffsetSize,o=this.rowHeightService.offset(e),n=o+this.rowHeightService.height(e);return o>=t&&n<=i}isListScrolled(e){return this.rowHeightService?this.containerScrollPosition!==this.rowHeightService.offset(e):!1}componentDidMount(){const{onMount:e}=this.props;e&&e.call(void 0,this)}render(){(this.lastTotal!==this.props.total||this.lastDirection!==this.direction||this.lastTake!==this.props.take)&&(this.initServices(),this.lastTotal=this.props.total,this.lastDirection=this.direction,this.lastTake=this.props.take);const e=`${(this.rowHeightService?this.rowHeightService.totalHeight():0)+this.props.bottomOffset}`,t=this.direction==="vertical"?{height:`${e}px`}:{width:`${e}px`},i=m.classNames("k-content k-scrollable",{"k-scrollable-horizontal":this.direction==="horizontal"},this.props.className),o=m.classNames("k-scrollable-placeholder",{"k-scrollable-horizontal-placeholder":this.direction==="horizontal"});return h.createElement("div",{ref:n=>{this.scrollContainer=n},onScroll:this.handleScroll,className:i,tabIndex:this.props.tabIndex,role:this.props.role},this.props.children,h.createElement("div",{style:t,className:o}))}};c.propTypes={bottomOffset:s.number.isRequired,className:s.string,direction:s.oneOf(["horizontal","vertical"]),forceScroll:s.bool,itemHeight:s.number,itemWidth:s.number,maxScrollDifference:s.number,onScroll:s.func,onScrollAction:s.func,scrollDuration:s.number,scrollOffsetSize:s.number,skip:s.number.isRequired,tabIndex:s.number,take:s.number.isRequired,topOffset:s.number.isRequired,total:s.number.isRequired,role:s.string},c.defaultProps={direction:"vertical",forceScroll:!1,scrollOffsetSize:0,maxScrollDifference:100,scrollDuration:100};let d=c;exports.Virtualization=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),s=require("prop-types"),d=require("@progress/kendo-react-common"),w=require("./services/ScrollerService.js");function H(r){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>r[t]})}}return e.default=r,Object.freeze(e)}const h=H(b),P=(r,e,t)=>Math.min(Math.abs(e-r),t),T=17,O=10,A={1:r=>e=>e+r,0:r=>e=>e-r},x={1:r=>e=>Math.min(e,r),0:r=>e=>Math.max(e,r)},I={1:r=>e=>e<r,0:r=>e=>e>r},c=class c extends h.Component{constructor(e){super(e),this.rowHeightService=null,this.scrollContainer=null,this.lastDirection=null,this.lastTotal=0,this.lastTake=0,this.animationInProgress=!1,this.restrictScroll=!1,this.scrollTo=t=>{const i=this.direction==="vertical"?"scrollTop":"scrollLeft";if(!this.scrollContainer)return;const o=this.scrollContainer[i];this.restrictScroll&&i==="scrollTop"&&(!Number.isInteger(o)||!Number.isInteger(t))&&Math.abs(o-t)<O||(this.scrollContainer[i]=t)},this.scrollToIndex=t=>{this.animationInProgress=!1,this.rowHeightService&&this.scrollTo(this.rowHeightService.offset(t))},this.animateToIndex=t=>{if(!this.rowHeightService||!window)return;window.cancelAnimationFrame(this.cancelAnimation);const i=this.rowHeightService.offset(t),o=this.getContainerScrollDirection(i);let{start:n,end:l}=this.scrollRange(i,o);if(n===l)return;const f=this.scrollStep(n,l),a=A[o](f),p=x[o](l),g=I[o](a(l)),m=v=>{this.animationInProgress=!0;const S=a(v);this.scrollTo(p(S)),g(S)?this.cancelAnimation=window.requestAnimationFrame(()=>{m(S)}):this.animationInProgress=!1};this.cancelAnimation=window.requestAnimationFrame(()=>{m(n)})},this.scrollToBottom=()=>{this.rowHeightService&&this.scrollTo(this.rowHeightService.totalHeight()+this.props.bottomOffset)},this.scrollStep=(t,i)=>{const o=this.props.scrollDuration||c.defaultProps.scrollDuration;return Math.abs(i-t)/(o/T)},this.scrollRange=(t,i)=>{const o=this.containerScrollPosition;if(parseInt(`${t}`,10)===parseInt(`${o}`,10))return{start:t,end:t};const n=this.containerMaxScroll(),l=i===0?1:-1,f=P(o,t,this.props.maxScrollDifference||0),a=Math.min(t,n);return{start:Math.min(Math.max(a+l*f,0),n),end:a}},this.containerMaxScroll=()=>this.containerScrollSize-this.containerOffsetSize,this.getContainerScrollDirection=t=>t<this.containerScrollPosition?0:1,this.initServices=(t=this.props)=>{const i=this.direction==="vertical"?t.itemHeight:t.itemWidth;i!==void 0&&(this.rowHeightService=new d.RowHeightService(t.total,i,0),this.scrollerService.create(this.rowHeightService,t.skip,t.take,t.total,t.topOffset,this.scrollOffsetSize,this.direction))},this.getContainerProperty=t=>this.scrollContainer?this.scrollContainer[t]:0,this.handleScroll=t=>{if(!this.scrollContainer||!this.rowHeightService)return;const i=t.target;this.scrollerService.onScroll({scrollLeft:i.scrollLeft,scrollTop:i.scrollTop,offsetHeight:i.offsetHeight,offsetWidth:i.offsetWidth});const o=this.rowHeightService.index(this.containerScrollPosition-this.props.topOffset),{onScrollAction:n}=this.props,l={index:o,target:i,scrollAction:this.scrollAction,pageAction:this.pageAction,animationInProgress:this.animationInProgress};this.props.onScroll&&this.props.onScroll.call(void 0,t),n&&n.call(void 0,l),this.scrollAction=void 0,this.pageAction=void 0},this.handleScrollAction=t=>{this.scrollAction=t},this.handlePageAction=t=>{this.pageAction=t},this.scrollerService=new w.ScrollerService(this.handleScrollAction,this.handlePageAction),this.restrictScroll=Number.parseFloat(h.version)>17}get element(){return this.scrollContainer}get containerOffsetSize(){return this.getContainerProperty(this.direction==="vertical"?"offsetHeight":"offsetWidth")}get containerScrollSize(){return this.getContainerProperty(this.direction==="vertical"?"scrollHeight":"scrollWidth")}get containerScrollPosition(){return this.getContainerProperty(this.direction==="vertical"?"scrollTop":"scrollLeft")}get direction(){return this.props.direction!==void 0?this.props.direction:c.defaultProps.direction}get scrollOffsetSize(){return this.props.scrollOffsetSize!==void 0?this.props.scrollOffsetSize:c.defaultProps.scrollOffsetSize}activeIndex(){return this.itemIndex(Math.ceil(this.containerScrollPosition))}itemIndex(e){return this.rowHeightService?this.rowHeightService.index(e):0}itemOffset(e){return this.rowHeightService?this.rowHeightService.offset(e):0}isIndexVisible(e){if(!this.rowHeightService)return!1;const t=this.containerScrollPosition,i=t+this.containerOffsetSize,o=this.rowHeightService.offset(e),n=o+this.rowHeightService.height(e);return o>=t&&n<=i}isListScrolled(e){return this.rowHeightService?this.containerScrollPosition!==this.rowHeightService.offset(e):!1}componentDidMount(){const{onMount:e}=this.props;e&&e.call(void 0,this)}render(){(this.lastTotal!==this.props.total||this.lastDirection!==this.direction||this.lastTake!==this.props.take)&&(this.initServices(),this.lastTotal=this.props.total,this.lastDirection=this.direction,this.lastTake=this.props.take);const e=`${(this.rowHeightService?this.rowHeightService.totalHeight():0)+this.props.bottomOffset}`,t=this.direction==="vertical"?{height:`${e}px`}:{width:`${e}px`},i=d.classNames("k-content k-scrollable",{"k-scrollable-horizontal":this.direction==="horizontal"},this.props.className),o=d.classNames("k-scrollable-placeholder",{"k-scrollable-horizontal-placeholder":this.direction==="horizontal"});return h.createElement("div",{ref:n=>{this.scrollContainer=n},onScroll:this.handleScroll,className:i,tabIndex:this.props.tabIndex,role:this.props.role},this.props.children,h.createElement("div",{style:t,className:o}))}};c.propTypes={bottomOffset:s.number.isRequired,className:s.string,direction:s.oneOf(["horizontal","vertical"]),forceScroll:s.bool,itemHeight:s.number,itemWidth:s.number,maxScrollDifference:s.number,onScroll:s.func,onScrollAction:s.func,scrollDuration:s.number,scrollOffsetSize:s.number,skip:s.number.isRequired,tabIndex:s.number,take:s.number.isRequired,topOffset:s.number.isRequired,total:s.number.isRequired,role:s.string},c.defaultProps={direction:"vertical",forceScroll:!1,scrollOffsetSize:0,maxScrollDifference:100,scrollDuration:100};let u=c;exports.Virtualization=u;

package/virtualization/Virtualization.mjs

@@ -8,8 +8,7 @@
 "use client";
 import * as a from "react";
 import o from "prop-types";
-import { classNames as m } from "@progress/kendo-react-common";
-import { RowHeightService as w } from "./services/RowHeightService.mjs";
+import { RowHeightService as w, classNames as m } from "@progress/kendo-react-common";
 import { ScrollerService as b } from "./services/ScrollerService.mjs";
 const H = (s, i, t) => Math.min(Math.abs(i - s), t), P = 17, T = 10, x = {
   1: (s) => (i) => i + s,
@@ -38,15 +37,15 @@ const H = (s, i, t) => Math.min(Math.abs(i - s), t), P = 17, T = 10, x = {
       let { start: n, end: l } = this.scrollRange(e, r);
       if (n === l)
         return;
-      const f = this.scrollStep(n, l), h = x[r](f), p = A[r](l), u = I[r](h(l)), d = (v) => {
+      const f = this.scrollStep(n, l), h = x[r](f), d = A[r](l), u = I[r](h(l)), p = (v) => {
         this.animationInProgress = !0;
         const S = h(v);
-        this.scrollTo(p(S)), u(S) ? this.cancelAnimation = window.requestAnimationFrame(() => {
-          d(S);
+        this.scrollTo(d(S)), u(S) ? this.cancelAnimation = window.requestAnimationFrame(() => {
+          p(S);
         }) : this.animationInProgress = !1;
       };
       this.cancelAnimation = window.requestAnimationFrame(() => {
-        d(n);
+        p(n);
       });
     }, this.scrollToBottom = () => {
       this.rowHeightService && this.scrollTo(this.rowHeightService.totalHeight() + this.props.bottomOffset);

package/virtualization/services/RowHeightService.js

@@ -1,8 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=(i,t,e)=>[...i.slice(0,t+1),...i.slice(t+1).map(s=>s+e)];class g{constructor(t=0,e,s){this.total=t,this.rowHeight=e,this.detailRowHeight=s,this.offsets=[],this.heights=[];let h=0;for(let f=0;f<t;f++)this.offsets.push(h),h+=e,this.heights.push(e)}height(t){return this.heights[t]}expandDetail(t){this.height(t)===this.rowHeight&&this.updateRowHeight(t,this.detailRowHeight)}collapseDetail(t){this.height(t)>this.rowHeight&&this.updateRowHeight(t,this.detailRowHeight*-1)}index(t){for(let e=0;e<this.offsets.length;e++){if(t===this.offsets[e])return e;if(t<this.offsets[e])return e-1}return this.total-1}offset(t){return this.offsets[t]}totalHeight(){return this.heights.reduce((t,e)=>t+e,0)}updateRowHeight(t,e){this.heights[t]+=e,this.offsets=o(this.offsets,t,e)}}exports.RowHeightService=g;

package/virtualization/services/RowHeightService.mjs

@@ -1,50 +0,0 @@
-/**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2024 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
- */
-"use client";
-const o = (i, t, s) => [
-  ...i.slice(0, t + 1),
-  ...i.slice(t + 1).map((e) => e + s)
-];
-class g {
-  constructor(t = 0, s, e) {
-    this.total = t, this.rowHeight = s, this.detailRowHeight = e, this.offsets = [], this.heights = [];
-    let h = 0;
-    for (let f = 0; f < t; f++)
-      this.offsets.push(h), h += s, this.heights.push(s);
-  }
-  height(t) {
-    return this.heights[t];
-  }
-  expandDetail(t) {
-    this.height(t) === this.rowHeight && this.updateRowHeight(t, this.detailRowHeight);
-  }
-  collapseDetail(t) {
-    this.height(t) > this.rowHeight && this.updateRowHeight(t, this.detailRowHeight * -1);
-  }
-  index(t) {
-    for (let s = 0; s < this.offsets.length; s++) {
-      if (t === this.offsets[s])
-        return s;
-      if (t < this.offsets[s])
-        return s - 1;
-    }
-    return this.total - 1;
-  }
-  offset(t) {
-    return this.offsets[t];
-  }
-  totalHeight() {
-    return this.heights.reduce((t, s) => t + s, 0);
-  }
-  updateRowHeight(t, s) {
-    this.heights[t] += s, this.offsets = o(this.offsets, t, s);
-  }
-}
-export {
-  g as RowHeightService
-};