@progress/kendo-react-dateinputs 7.5.0-develop.13 → 7.5.0-develop.15

package/index.d.mts

@@ -141,6 +141,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.
  *
@@ -312,6 +320,10 @@ export declare interface CalendarSettings {
      * 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)).
@@ -327,6 +339,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)).
@@ -424,6 +441,7 @@ export declare class CalendarWithoutContext extends React_2.Component<CalendarPr
         defaultValue: null;
         topView: ActiveView;
         bottomView: ActiveView;
+        showOtherMonthDays: boolean;
     };
     protected dom: DOMService;
     protected scrollSyncService: ScrollSyncService | null;
@@ -500,6 +518,7 @@ export declare interface CellContext {
     isToday: boolean;
     title?: string;
     value: Date;
+    isOtherMonth?: boolean;
 }
 
 /**
@@ -1573,7 +1592,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'> {
 }
 
 /**
@@ -2716,6 +2735,7 @@ declare interface HeaderProps {
     rangeLength?: number;
     service: ViewService;
     headerTitle?: React_2.ComponentType<CalendarHeaderTitleProps>;
+    header?: React_2.ComponentType<CalendarHeaderProps>;
     commands?: React_2.ReactNode;
     verticalView?: boolean;
 }
@@ -2781,6 +2801,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;
@@ -3110,6 +3131,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.
      */
@@ -3174,6 +3199,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>;
     };
     /**
@@ -3192,6 +3218,7 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
         bottomView: ActiveView;
         views: number;
         allowReverse: boolean;
+        showOtherMonthDays: boolean;
     };
     protected dates: any[];
     private lastView;
@@ -4379,7 +4406,9 @@ declare interface ViewListProps {
     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;
 }

package/index.d.ts

@@ -141,6 +141,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.
  *
@@ -312,6 +320,10 @@ export declare interface CalendarSettings {
      * 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)).
@@ -327,6 +339,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)).
@@ -424,6 +441,7 @@ export declare class CalendarWithoutContext extends React_2.Component<CalendarPr
         defaultValue: null;
         topView: ActiveView;
         bottomView: ActiveView;
+        showOtherMonthDays: boolean;
     };
     protected dom: DOMService;
     protected scrollSyncService: ScrollSyncService | null;
@@ -500,6 +518,7 @@ export declare interface CellContext {
     isToday: boolean;
     title?: string;
     value: Date;
+    isOtherMonth?: boolean;
 }
 
 /**
@@ -1573,7 +1592,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'> {
 }
 
 /**
@@ -2716,6 +2735,7 @@ declare interface HeaderProps {
     rangeLength?: number;
     service: ViewService;
     headerTitle?: React_2.ComponentType<CalendarHeaderTitleProps>;
+    header?: React_2.ComponentType<CalendarHeaderProps>;
     commands?: React_2.ReactNode;
     verticalView?: boolean;
 }
@@ -2781,6 +2801,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;
@@ -3110,6 +3131,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.
      */
@@ -3174,6 +3199,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>;
     };
     /**
@@ -3192,6 +3218,7 @@ export declare class MultiViewCalendarWithoutContext extends React_2.Component<M
         bottomView: ActiveView;
         views: number;
         allowReverse: boolean;
+        showOtherMonthDays: boolean;
     };
     protected dates: any[];
     private lastView;
@@ -4379,7 +4406,9 @@ declare interface ViewListProps {
     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;
 }

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-dateinputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1715146805,
+  publishDate: 1715245082,
   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.13",
+  "version": "7.5.0-develop.15",
   "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.13",
-    "@progress/kendo-react-common": "7.5.0-develop.13",
-    "@progress/kendo-react-intl": "7.5.0-develop.13",
-    "@progress/kendo-react-labels": "7.5.0-develop.13",
-    "@progress/kendo-react-layout": "7.5.0-develop.13",
-    "@progress/kendo-react-popup": "7.5.0-develop.13",
-    "@progress/kendo-svg-icons": "^2.1.0",
+    "@progress/kendo-react-buttons": "7.5.0-develop.15",
+    "@progress/kendo-react-common": "7.5.0-develop.15",
+    "@progress/kendo-react-intl": "7.5.0-develop.15",
+    "@progress/kendo-react-labels": "7.5.0-develop.15",
+    "@progress/kendo-react-layout": "7.5.0-develop.15",
+    "@progress/kendo-react-popup": "7.5.0-develop.15",
+    "@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"
   },