@progress/kendo-react-dateinputs 5.4.0-dev.202205250548 → 5.4.0-dev.202206081230

package/dist/es/datepicker/DatePicker.d.ts

@@ -113,7 +113,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }>>;
-        formatPlaceholder: PropTypes.Requireable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -143,16 +143,16 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
         required: PropTypes.Requireable<boolean>;
         validate: PropTypes.Requireable<boolean>;
         valid: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full">;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "outline">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
     };
     /**
      * @hidden
      */
     static defaultProps: {
         defaultShow: boolean;
-        defaultValue: any;
+        defaultValue: null;
         dateInput: React.ComponentType<DateInputProps<any>>;
         calendar: React.ComponentType<CalendarProps<any>>;
         toggleButton: React.ComponentType<ToggleButtonProps>;
@@ -167,9 +167,9 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
         weekNumber: boolean;
         required: boolean;
         validityStyles: boolean;
-        size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "large" | "full";
-        fillMode: "solid" | "flat" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
     };
     /**
      * @hidden
@@ -188,46 +188,46 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
     /**
      * Gets the wrapping element of the DatePickerWithoutContext.
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * Gets the DateInput component inside the DatePicker component.
      */
-    readonly dateInput: DateInput | null;
+    get dateInput(): DateInput | null;
     /**
      * Gets the Calendar component inside the DatePicker component.
      */
-    readonly calendar: Calendar | null;
+    get calendar(): Calendar | null;
     /**
      * Gets the value of the DatePickerWithoutContext.
      */
-    readonly value: Date | null;
+    get value(): Date | null;
     /**
      * Gets the popup state of the DatePickerWithoutContext.
      */
-    readonly show: boolean;
+    get show(): boolean;
     /**
      * Gets the `name` property of the DatePickerWithoutContext.
      */
-    readonly name: string | undefined;
-    protected readonly min: Date;
-    protected readonly max: Date;
-    protected readonly dateInputComp: React.ComponentType<DateInputProps<any>>;
-    protected readonly toggleButtonComp: React.ComponentType<ToggleButtonProps>;
-    protected readonly calendarComp: React.ComponentType<CalendarProps<any>>;
-    protected readonly popupComp: React.ComponentType<PopupProps>;
-    protected readonly pickerWrapComp: React.ComponentType<PickerWrapProps>;
+    get name(): string | undefined;
+    protected get min(): Date;
+    protected get max(): Date;
+    protected get dateInputComp(): React.ComponentType<DateInputProps<any>>;
+    protected get toggleButtonComp(): React.ComponentType<ToggleButtonProps>;
+    protected get calendarComp(): React.ComponentType<CalendarProps<any>>;
+    protected get popupComp(): React.ComponentType<PopupProps>;
+    protected get pickerWrapComp(): React.ComponentType<PickerWrapProps>;
     /**
      * Represents the validity state into which the DatePicker is set.
      */
-    readonly validity: FormComponentValidity;
+    get validity(): FormComponentValidity;
     /**
      * @hidden
      */
-    protected readonly validityStyles: boolean;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
+    protected get required(): boolean;
     /**
      * @hidden
      */
@@ -249,7 +249,7 @@ export declare class DatePickerWithoutContext extends React.Component<DatePicker
      */
     render(): JSX.Element;
     protected setCalendarRef: (calendar: any) => void;
-    protected nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => Date;
+    protected nextValue: (nextProps: DatePickerProps, nextState: DatePickerState) => Date | null;
     protected nextShow: (nextProps: DatePickerProps, nextState: DatePickerState) => boolean;
     protected setShow(show: boolean): void;
     protected mergeTime(value: Date | null): Date | null;

package/dist/es/datepicker/DatePicker.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -27,8 +29,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
         t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
-            t[p[i]] = s[p[i]];
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
     return t;
 };
 import * as React from 'react';
@@ -56,6 +60,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         _this._dateInput = React.createRef();
         _this._calendar = null;
         _this.shouldFocusDateInput = false;
+        _this.prevShow = false;
         /**
          * @hidden
          */
@@ -151,7 +156,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "dateInput", {
@@ -161,7 +166,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._dateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "calendar", {
@@ -171,7 +176,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._calendar;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "value", {
@@ -186,7 +191,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                     : this.state.value;
             return (value !== null) ? cloneDate(value) : null;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "show", {
@@ -200,7 +205,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                     ? this.props.show
                     : this.state.show;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "name", {
@@ -210,7 +215,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this.props.name;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "min", {
@@ -219,7 +224,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.min
                 : DatePickerWithoutContext.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "max", {
@@ -228,42 +233,42 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.max
                 : DatePickerWithoutContext.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "dateInputComp", {
         get: function () {
             return this.props.dateInput || DatePickerWithoutContext.defaultProps.dateInput;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "toggleButtonComp", {
         get: function () {
             return this.props.toggleButton || DatePickerWithoutContext.defaultProps.toggleButton;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "calendarComp", {
         get: function () {
             return this.props.calendar || DatePickerWithoutContext.defaultProps.calendar;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "popupComp", {
         get: function () {
             return this.props.popup || DatePickerWithoutContext.defaultProps.popup;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "pickerWrapComp", {
         get: function () {
             return this.props.pickerWrap || DatePickerWithoutContext.defaultProps.pickerWrap;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "validity", {
@@ -283,7 +288,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 valueMissing: this.value === null
             };
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "validityStyles", {
@@ -295,7 +300,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.validityStyles
                 : DatePickerWithoutContext.defaultProps.validityStyles;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DatePickerWithoutContext.prototype, "required", {
@@ -307,7 +312,7 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.required
                 : DatePickerWithoutContext.defaultProps.required;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -399,12 +404,12 @@ var DatePickerWithoutContext = /** @class */ (function (_super) {
         var toggleButtonTitle = provideLocalizationService(this)
             .toLanguageString(toggleCalendar, messages[toggleCalendar]);
         var datepicker = (React.createElement(AsyncFocusBlur, { onFocus: this.handleFocus, onBlur: this.handleBlur, onSyncBlur: this.props.onBlur, onSyncFocus: this.props.onFocus }, function (_a) {
-            var onFocus = _a.onFocus, onBlur = _a.onBlur;
             var _b;
+            var onFocus = _a.onFocus, onBlur = _a.onBlur;
             return (React.createElement("span", { role: "group", "aria-expanded": _this.show, ref: function (span) { _this._element = span; }, className: classNames('k-input', 'k-datepicker', (_b = {},
-                    _b["k-input-" + (kendoThemeMaps.sizeMap[size] || size)] = size,
-                    _b["k-rounded-" + (kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
-                    _b["k-input-" + fillMode] = fillMode,
+                    _b["k-input-".concat(kendoThemeMaps.sizeMap[size] || size)] = size,
+                    _b["k-rounded-".concat(kendoThemeMaps.roundedMap[rounded] || rounded)] = rounded,
+                    _b["k-input-".concat(fillMode)] = fillMode,
                     _b['k-invalid'] = !isValid,
                     _b['k-required'] = _this.required,
                     _b['k-disabled'] = _this.props.disabled,

package/dist/es/datepicker/models/DatePickerSettings.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/datepicker/models/index.js

@@ -0,0 +1 @@
+export {};

package/dist/es/daterangepicker/DateRangePicker.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
 import { DateInput } from '../dateinput/DateInput';
-import { MultiViewCalendar } from '../calendar/components/MultiViewCalendar';
+import { MultiViewCalendar, MultiViewCalendarHandle } from '../calendar/components/MultiViewCalendar';
 import { SelectionRange } from '../calendar/models';
 import { DateRangePickerSettings } from './models';
 /**
@@ -89,7 +89,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
                 second: PropTypes.Requireable<string>;
                 timeZoneName: PropTypes.Requireable<string>;
             }>>;
-            formatPlaceholder: PropTypes.Requireable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+            formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
                 year: PropTypes.Requireable<string>;
                 month: PropTypes.Requireable<string>;
                 day: PropTypes.Requireable<string>;
@@ -125,9 +125,11 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
             required: PropTypes.Requireable<boolean>;
             validate: PropTypes.Requireable<boolean>;
             valid: PropTypes.Requireable<boolean>;
-            size: PropTypes.Requireable<"small" | "medium" | "large">;
-            rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full">;
-            fillMode: PropTypes.Requireable<"solid" | "flat" | "outline">;
+            size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+            rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+            fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>; /**
+             * Gets the wrapping element of the DateRangePicker.
+             */
         }>>;
         focusedDate: PropTypes.Requireable<Date>;
         format: PropTypes.Requireable<string | PropTypes.InferProps<{
@@ -192,29 +194,29 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
     /**
      * Gets the wrapping element of the DateRangePicker.
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * Gets the start DateInput component inside the DatePicker component.
      */
-    readonly startDateInput: DateInput | null;
+    get startDateInput(): DateInput | null;
     /**
      * Gets the end DateInput component inside the DatePicker component.
      */
-    readonly endDateInput: DateInput | null;
+    get endDateInput(): DateInput | null;
     /**
      * Gets the MultiVieCalendar inside the DateRangePicker.
      */
-    readonly calendar: MultiViewCalendar | null;
+    get calendar(): MultiViewCalendar | null;
     /**
      * Gets the value of the DateRangePicker.
      */
-    readonly value: SelectionRange;
+    get value(): SelectionRange;
     /**
      * Gets the popup state of the DateRangePicker.
      */
-    readonly show: boolean;
-    protected readonly min: Date;
-    protected readonly max: Date;
+    get show(): boolean;
+    protected get min(): Date;
+    protected get max(): Date;
     /**
      * @hidden
      */
@@ -235,7 +237,7 @@ export declare class DateRangePickerWithoutContext extends React.Component<DateR
      * @hidden
      */
     render(): JSX.Element;
-    protected setCalendarRef: (calendar: any) => void;
+    protected setCalendarRef: (calendar: MultiViewCalendarHandle | null) => void;
     protected focusCalendarElement: () => void;
     protected focusDateInputElement(): void;
     protected calculateValue: (props: DateRangePickerProps, state: DateRangePickerState) => SelectionRange;

package/dist/es/daterangepicker/DateRangePicker.js

@@ -2,10 +2,12 @@ var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
             ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
         return extendStatics(d, b);
     };
     return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
         extendStatics(d, b);
         function __() { this.constructor = d; }
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
@@ -209,7 +211,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._element;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "startDateInput", {
@@ -219,7 +221,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._startDateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "endDateInput", {
@@ -229,7 +231,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._endDateInput.current;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "calendar", {
@@ -239,7 +241,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         get: function () {
             return this._calendar;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "value", {
@@ -254,7 +256,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                     : this.state.value;
             return value || EMPTY_SELECTIONRANGE;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "show", {
@@ -268,7 +270,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                     ? this.props.show
                     : this.state.show;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "min", {
@@ -277,7 +279,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.min
                 : DateRangePickerWithoutContext.defaultProps.min;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(DateRangePickerWithoutContext.prototype, "max", {
@@ -286,7 +288,7 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
                 ? this.props.max
                 : DateRangePickerWithoutContext.defaultProps.max;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     /**
@@ -332,16 +334,16 @@ var DateRangePickerWithoutContext = /** @class */ (function (_super) {
         var startMessage = localizationService.toLanguageString(start, messages[start]);
         var endMessage = localizationService.toLanguageString(end, messages[end]);
         var separatorMessage = localizationService.toLanguageString(separator, messages[separator]);
-        var startDateInputProps = __assign({ label: startMessage, format: this.props.format, min: this.min, max: this.max, id: this._startInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.startDateInputSettings, { value: value.start, onChange: this.handleStartChange });
-        var endDateInputProps = __assign({ label: endMessage, format: this.props.format, min: this.min, max: this.max, id: this._endInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.endDateInputSettings, { value: value.end, onChange: this.handleEndChange });
-        var popupProps = __assign({ animate: this._element !== null, anchor: this._element, id: this._popupId, anchorAlign: {
+        var startDateInputProps = __assign(__assign({ label: startMessage, format: this.props.format, min: this.min, max: this.max, id: this._startInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.startDateInputSettings), { value: value.start, onChange: this.handleStartChange });
+        var endDateInputProps = __assign(__assign({ label: endMessage, format: this.props.format, min: this.min, max: this.max, id: this._endInputId, disabled: this.props.disabled, valid: this.props.valid, ariaHasPopup: true, ariaExpanded: this.show }, this.props.endDateInputSettings), { value: value.end, onChange: this.handleEndChange });
+        var popupProps = __assign(__assign({ animate: this._element !== null, anchor: this._element, id: this._popupId, anchorAlign: {
                 horizontal: 'left',
                 vertical: 'bottom'
             }, popupAlign: {
                 horizontal: 'left',
                 vertical: 'top'
-            } }, this.props.popupSettings, { show: this.show });
-        var calendarProps = __assign({ min: this.min, max: this.max, allowReverse: this.props.allowReverse, mode: 'range', focusedDate: this.props.focusedDate, disabled: this.props.disabled }, this.props.calendarSettings, { value: value, onChange: this.handleCalendarChange });
+            } }, this.props.popupSettings), { show: this.show });
+        var calendarProps = __assign(__assign({ min: this.min, max: this.max, allowReverse: this.props.allowReverse, mode: 'range', focusedDate: this.props.focusedDate, disabled: this.props.disabled }, this.props.calendarSettings), { value: value, onChange: this.handleCalendarChange });
         var calendar = this.props.calendar
             ? React.createElement(this.props.calendar, __assign({}, calendarProps))
             : React.createElement(MultiViewCalendar, __assign({}, calendarProps, { ref: this.setCalendarRef }));

package/dist/es/daterangepicker/models/DateRangePickerCalendarSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/daterangepicker/models/DateRangePickerDateInputSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/daterangepicker/models/DateRangePickerPopupSettings.js

@@ -0,0 +1 @@
+export {};

package/dist/es/daterangepicker/models/DateRangePickerSettings.js

@@ -1 +1,2 @@
+export {};
 // tslint:enable:max-line-length

package/dist/es/daterangepicker/models/index.js

@@ -0,0 +1 @@
+export {};

package/dist/es/datetimepicker/DateTimePicker.d.ts

@@ -115,7 +115,7 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
             second: PropTypes.Requireable<string>;
             timeZoneName: PropTypes.Requireable<string>;
         }>>;
-        formatPlaceholder: PropTypes.Requireable<"narrow" | "short" | "wide" | "formatPattern" | PropTypes.InferProps<{
+        formatPlaceholder: PropTypes.Requireable<"short" | "narrow" | "wide" | "formatPattern" | PropTypes.InferProps<{
             year: PropTypes.Requireable<string>;
             month: PropTypes.Requireable<string>;
             day: PropTypes.Requireable<string>;
@@ -145,16 +145,16 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
         validate: PropTypes.Requireable<boolean>;
         valid: PropTypes.Requireable<boolean>;
         cancelButton: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<"small" | "medium" | "large">;
-        rounded: PropTypes.Requireable<"small" | "medium" | "large" | "full">;
-        fillMode: PropTypes.Requireable<"solid" | "flat" | "outline">;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | null | undefined>;
+        rounded: PropTypes.Requireable<"small" | "medium" | "full" | "large" | null | undefined>;
+        fillMode: PropTypes.Requireable<"flat" | "outline" | "solid" | null | undefined>;
     };
     /**
      * @hidden
      */
     static defaultProps: {
         defaultShow: boolean;
-        defaultValue: any;
+        defaultValue: null;
         disabled: boolean;
         format: string;
         max: Date;
@@ -166,9 +166,9 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
         validityStyles: boolean;
         cancelButton: boolean;
         dateInput: React.ComponentType<DateInputProps<any>>;
-        size: "small" | "medium" | "large";
-        rounded: "small" | "medium" | "large" | "full";
-        fillMode: "solid" | "flat" | "outline";
+        size: "small" | "medium" | "large" | null | undefined;
+        rounded: "small" | "medium" | "full" | "large" | null | undefined;
+        fillMode: "flat" | "outline" | "solid" | null | undefined;
     };
     /**
      * @hidden
@@ -187,41 +187,41 @@ export declare class DateTimePickerWithoutContext extends React.Component<DateTi
     /**
      * Gets the wrapping element of the DateTimePicker.
      */
-    readonly element: HTMLSpanElement | null;
+    get element(): HTMLSpanElement | null;
     /**
      * Gets the DateInput component inside the DateTimePicker component.
      */
-    readonly dateInput: DateInput | null;
+    get dateInput(): DateInput | null;
     /**
      * Gets the value of the DateTimePicker.
      */
-    readonly value: Date | null;
+    get value(): Date | null;
     /**
      * Gets the popup state of the DateTimePicker.
      */
-    readonly show: boolean;
+    get show(): boolean;
     /**
      * Gets the `name` property of the DateTimePicker.
      */
-    readonly name: string | undefined;
-    protected readonly min: Date;
-    protected readonly max: Date;
+    get name(): string | undefined;
+    protected get min(): Date;
+    protected get max(): Date;
     /**
      * Represents the validity state into which the DateTimePicker is set.
      */
-    readonly validity: FormComponentValidity;
+    get validity(): FormComponentValidity;
     /**
      * @hidden
      */
-    protected readonly validityStyles: boolean;
+    protected get validityStyles(): boolean;
     /**
      * @hidden
      */
-    protected readonly required: boolean;
+    protected get required(): boolean;
     /**
      * @hidden
      */
-    protected readonly dateInputComp: React.ComponentType<DateInputProps<any>>;
+    protected get dateInputComp(): React.ComponentType<DateInputProps<any>>;
     /**
      * @hidden
      */