@progress/kendo-react-dateinputs 7.5.0-develop.20 → 7.5.0-develop.21

package/index.d.mts

@@ -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;
@@ -381,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;
 }
 
@@ -394,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 */
@@ -729,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;
 }
 
 /**
@@ -858,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;
@@ -1075,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;
@@ -1703,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
      */
@@ -2765,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;
 }
 
@@ -2790,6 +2805,7 @@ 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;
@@ -3295,6 +3311,7 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
     private handleNextButtonClick;
     private handleKeyDown;
     private handleViewChange;
+    private handleWeekSelection;
     private handleDateChange;
 }
 

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;
@@ -381,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;
 }
 
@@ -394,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 */
@@ -729,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;
 }
 
 /**
@@ -858,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;
@@ -1075,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;
@@ -1703,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
      */
@@ -2765,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;
 }
 
@@ -2790,6 +2805,7 @@ 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;
@@ -3295,6 +3311,7 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
     private handleNextButtonClick;
     private handleKeyDown;
     private handleViewChange;
+    private handleWeekSelection;
     private handleDateChange;
 }
 

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: 1715351737,
+  publishDate: 1715353103,
   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.20",
+  "version": "7.5.0-develop.21",
   "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,12 +24,12 @@
   "peerDependencies": {
     "@progress/kendo-date-math": "^1.4.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-buttons": "7.5.0-develop.20",
-    "@progress/kendo-react-common": "7.5.0-develop.20",
-    "@progress/kendo-react-intl": "7.5.0-develop.20",
-    "@progress/kendo-react-labels": "7.5.0-develop.20",
-    "@progress/kendo-react-layout": "7.5.0-develop.20",
-    "@progress/kendo-react-popup": "7.5.0-develop.20",
+    "@progress/kendo-react-buttons": "7.5.0-develop.21",
+    "@progress/kendo-react-common": "7.5.0-develop.21",
+    "@progress/kendo-react-intl": "7.5.0-develop.21",
+    "@progress/kendo-react-labels": "7.5.0-develop.21",
+    "@progress/kendo-react-layout": "7.5.0-develop.21",
+    "@progress/kendo-react-popup": "7.5.0-develop.21",
     "@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"