@docsvision/material-ui-pickers 3.2.0-beta.8 → 3.2.1-beta.1

package/_shared/KeyboardDateInput.js

@@ -15,8 +15,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;
 };
 var __importStar = (this && this.__importStar) || function (mod) {
@@ -33,162 +35,48 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(require("react"));
 var InputAdornment_1 = __importDefault(require("@material-ui/core/InputAdornment"));
 var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
-var rifm_1 = require("rifm");
 var core_1 = require("@material-ui/core");
 var KeyboardIcon_1 = require("./icons/KeyboardIcon");
 var text_field_helper_1 = require("../_helpers/text-field-helper");
 var react_1 = require("react");
+var Rifm_1 = require("../Rifm/Rifm");
 var KeyboardDateInput = function (_a) {
-    var inputValue = _a.inputValue, _b = _a.showErrorOnBlur, showErrorOnBlur = _b === void 0 ? false : _b, inputVariant = _a.inputVariant, validationError = _a.validationError, KeyboardButtonProps = _a.KeyboardButtonProps, InputAdornmentProps = _a.InputAdornmentProps, onClick = _a.onClick, onChange = _a.onChange, onBlur = _a.onBlur, InputProps = _a.InputProps, mask = _a.mask, _c = _a.maskChar, maskChar = _c === void 0 ? '_' : _c, _d = _a.refuse, refuse = _d === void 0 ? /[^\d]+/gi : _d, format = _a.format, keyboardIcon = _a.keyboardIcon, disabled = _a.disabled, rifmFormatter = _a.rifmFormatter, _e = _a.TextFieldComponent, TextFieldComponent = _e === void 0 ? TextField_1.default : _e, other = __rest(_a, ["inputValue", "showErrorOnBlur", "inputVariant", "validationError", "KeyboardButtonProps", "InputAdornmentProps", "onClick", "onChange", "onBlur", "InputProps", "mask", "maskChar", "refuse", "format", "keyboardIcon", "disabled", "rifmFormatter", "TextFieldComponent"]);
+    var inputValue = _a.inputValue, _b = _a.showErrorOnBlur, showErrorOnBlur = _b === void 0 ? false : _b, inputVariant = _a.inputVariant, validationError = _a.validationError, KeyboardButtonProps = _a.KeyboardButtonProps, InputAdornmentProps = _a.InputAdornmentProps, onClick = _a.onClick, onChange = _a.onChange, onBlur = _a.onBlur, onFocus = _a.onFocus, InputProps = _a.InputProps, mask = _a.mask, _c = _a.maskChar, maskChar = _c === void 0 ? '_' : _c, _d = _a.refuse, refuse = _d === void 0 ? /[^\d_]+/gi : _d, format = _a.format, keyboardIcon = _a.keyboardIcon, disabled = _a.disabled, rifmFormatter = _a.rifmFormatter, _e = _a.TextFieldComponent, TextFieldComponent = _e === void 0 ? TextField_1.default : _e, other = __rest(_a, ["inputValue", "showErrorOnBlur", "inputVariant", "validationError", "KeyboardButtonProps", "InputAdornmentProps", "onClick", "onChange", "onBlur", "onFocus", "InputProps", "mask", "maskChar", "refuse", "format", "keyboardIcon", "disabled", "rifmFormatter", "TextFieldComponent"]);
     var inputMask = mask || text_field_helper_1.makeMaskFromFormat(format, maskChar);
+    var letterPosition = format.indexOf('a');
     // prettier-ignore
-    var formatter = React.useCallback(text_field_helper_1.maskedDateFormatter(inputMask, maskChar, refuse), [mask, maskChar]);
+    var formatter = React.useCallback(text_field_helper_1.maskedDateFormatter(inputMask, maskChar), [mask, maskChar]);
     var position = InputAdornmentProps && InputAdornmentProps.position ? InputAdornmentProps.position : 'end';
     var handleChange = function (text) {
-        var currentValueStr = '';
-        var resultString = '';
-        if (previousValue == null) {
-            resultString = text;
-        }
-        else if (previousValue && currentValue) {
-            for (var i = 0; i < previousValue.length; i++) {
-                if (previousValue[i] != currentValue[i]) {
-                    var digit = parseDigits(currentValue[i]);
-                    if (digit != null) {
-                        currentValue[i] = digit[0] + '_'.repeat(previousValue[i].length - digit[0].length);
-                    }
-                }
-                currentValueStr += currentValue[i];
-            }
-            var k = 0;
-            for (var i = 0; i < inputMask.length; i++) {
-                if (inputMask[i] == '_') {
-                    resultString += currentValueStr[k];
-                    k += 1;
-                }
-                else {
-                    resultString += inputMask[i];
-                }
-            }
-        }
-        var input = refTextInput.querySelector('.MuiInput-input');
-        onChange(resultString);
-        if (resultString[currentPos] != '_') {
-            setTimeout(function () {
-                currentPos += 1;
-                setInputSelect(input, currentPos);
-            }, 100);
-        }
-    };
-    var parseDigits = function (text) {
-        return text.match(/\d+/g);
-    };
-    var parseDigitsAndMask = function (text) {
-        return text.match(/\d+\_*|\d*\_+/g);
-    };
-    var changeInputStringValue = function (e) {
-        currentValue = parseDigitsAndMask(e.target.value);
-        currentPos = e.target.selectionStart;
-    };
-    var handleClick = function (e) {
-        clickFlag = true;
-        setInputSelect(e.target);
-    };
-    var handleKeyUp = function (e) {
-        var startPos = 0;
-        var clickPos = e.target.selectionStart;
-        if (e.keyCode == 37) {
-            var countSeparator = 0;
-            for (var i = clickPos; i > 0; i--) {
-                if (e.target.value[i].search(/[0-9]|[_]/) == -1) {
-                    startPos = i;
-                    countSeparator += 1;
-                }
-                if (countSeparator == 2) {
-                    break;
-                }
-            }
-            if (countSeparator == 1) {
-                startPos = 0;
-            }
-            clickFlag = true;
-            setInputSelect(e.target, startPos);
-        }
-        else if (e.keyCode == 39) {
-            for (var i = clickPos; i < e.target.value.length; i++) {
-                if (e.target.value[i].search(/[0-9]|[_]/) == -1) {
-                    startPos = i + 1;
-                    clickFlag = true;
-                    setInputSelect(e.target, startPos);
-                    break;
-                }
-            }
-        }
+        var finalString = text === '' || text === inputMask ? null : text;
+        onChange(finalString);
     };
-    var setInputSelect = function (element, clickPos) {
-        if (element && element.selectionStart != null) {
-            if (clickPos == undefined) {
-                clickPos = element.selectionStart - 1;
-            }
-            else if (clickPos > element.value.length) {
-                return;
-            }
-            var result = '';
-            var selectStart = 0;
-            for (var i = clickPos; 0 <= i; i--) {
-                if (element.value[i].search(/[0-9]|[_]/) == 0) {
-                    result = element.value[i] + result;
-                }
-                else {
-                    selectStart = i + 1;
-                    break;
-                }
-            }
-            for (var i = clickPos + 1; i < element.value.length; i++) {
-                if (element.value[i].search(/[0-9]|[_]/) == 0) {
-                    result = result + element.value[i];
-                }
-                else {
-                    break;
-                }
-            }
-            var replaceStr = '';
-            for (var i = 0; i < result.length; i++) {
-                replaceStr += '_';
-            }
-            if (clickFlag) {
-                element.value = inputValue;
-            }
-            element.value =
-                element.value.substr(0, selectStart) +
-                    replaceStr +
-                    element.value.substr(selectStart + replaceStr.length, element.value.length);
-            if (element.setSelectionRange) {
-                element.focus();
-                element.setSelectionRange(selectStart, selectStart + result.length);
-            }
-        }
+    var replace = function (text) {
+        return text;
     };
-    var previousValue = parseDigitsAndMask(inputValue);
-    var currentValue = parseDigitsAndMask(inputValue);
-    var refTextInput;
-    var currentPos = 0;
-    var clickFlag = false;
     var _f = react_1.useState(showErrorOnBlur ? true : false), showErrorFlag = _f[0], handleBlur = _f[1];
-    return (React.createElement(rifm_1.Rifm, { value: inputValue, onChange: handleChange, format: rifmFormatter || formatter, mask: true }, function (_a) {
-        var onChange = _a.onChange, value = _a.value;
+    return (React.createElement(Rifm_1.Rifm, { value: inputValue, onChange: handleChange, format: rifmFormatter || formatter, replace: replace, mask: true, maskChar: maskChar, letterPosition: letterPosition }, function (_a) {
         var _b;
-        return (React.createElement(TextFieldComponent, __assign({ disabled: disabled, error: Boolean(validationError) && !showErrorFlag, helperText: !showErrorFlag && validationError }, other, { value: value, onChange: onChange, ref: function (ref) { return (refTextInput = ref); }, onInput: changeInputStringValue, onKeyUp: handleKeyUp, onMouseUp: handleClick, onBlur: function () {
+        var onChange = _a.onChange, value = _a.value;
+        return (React.createElement(TextFieldComponent, __assign({ disabled: disabled, error: Boolean(validationError) && !showErrorFlag, helperText: !showErrorFlag && validationError }, other, { value: value, onChange: onChange, 
+            // onInput={changeInputStringValue}
+            // onKeyUp={handleKeyUp}
+            // onMouseUp={handleClick}
+            onBlur: function () {
+                if (onBlur) {
+                    onBlur();
+                }
                 if (showErrorOnBlur) {
-                    if (onBlur)
-                        onBlur();
                     handleBlur(false);
                 }
-            }, onFocus: function () {
+            }, onFocus: function (ev) {
+                if (onFocus) {
+                    onFocus(ev);
+                }
                 if (showErrorOnBlur) {
                     handleBlur(true);
                 }
-            }, variant: inputVariant, InputProps: __assign({}, InputProps, (_b = {}, _b[position + "Adornment"] = (React.createElement(InputAdornment_1.default, __assign({ position: position }, InputAdornmentProps),
+            }, variant: inputVariant, InputProps: __assign(__assign({}, InputProps), (_b = {}, _b[position + "Adornment"] = (React.createElement(InputAdornment_1.default, __assign({ position: position }, InputAdornmentProps),
                 React.createElement(core_1.IconButton, __assign({ disabled: disabled }, KeyboardButtonProps, { onClick: onClick }), keyboardIcon))), _b)) })));
     }));
 };

package/_shared/ModalDialog.d.ts

@@ -16,8 +16,8 @@ export interface ModalDialogProps extends DialogProps {
     wider?: boolean;
 }
 export declare const ModalDialog: React.SFC<ModalDialogProps & WithStyles<typeof styles>>;
-export declare const styles: Record<"dialog" | "dialogRoot" | "dialogRootWider" | "withAdditionalAction", import("@material-ui/core/styles/withStyles").CSSProperties>;
+export declare const styles: Record<"dialog" | "dialogRoot" | "dialogRootWider" | "withAdditionalAction", import("@material-ui/styles").CSSProperties | (() => import("@material-ui/styles").CSSProperties)>;
 declare const _default: React.ComponentType<Pick<React.PropsWithChildren<ModalDialogProps & {
     classes: Record<"dialog" | "dialogRoot" | "dialogRootWider" | "withAdditionalAction", string>;
-}>, "children" | "ref" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef" | "maxWidth" | "transitionDuration" | "scroll" | "open" | "fullWidth" | "manifest" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "onClose" | "container" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "onAccept" | "onDismiss" | "onClear" | "onSetToday" | "okLabel" | "cancelLabel" | "clearLabel" | "todayLabel" | "clearable" | "showTodayButton" | "showTabs" | "wider" | "fullScreen" | "PaperComponent" | "PaperProps" | "TransitionComponent" | "TransitionProps"> & import("@material-ui/core/styles").StyledComponentProps<"dialog" | "dialogRoot" | "dialogRootWider" | "withAdditionalAction">>;
+}>, "children" | "ref" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "innerRef" | "maxWidth" | "transitionDuration" | "scroll" | "open" | "fullWidth" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "onClose" | "container" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "onAccept" | "onDismiss" | "onClear" | "onSetToday" | "okLabel" | "cancelLabel" | "clearLabel" | "todayLabel" | "clearable" | "showTodayButton" | "showTabs" | "wider" | "fullScreen" | "PaperComponent" | "PaperProps" | "TransitionComponent" | "TransitionProps"> & import("@material-ui/core/styles").StyledComponentProps<"dialog" | "dialogRoot" | "dialogRootWider" | "withAdditionalAction">>;
 export default _default;

package/_shared/ModalDialog.js

@@ -15,8 +15,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;
 };
 var __importStar = (this && this.__importStar) || function (mod) {
@@ -39,8 +41,8 @@ var Dialog_1 = __importDefault(require("@material-ui/core/Dialog"));
 var dimensions_1 = require("../constants/dimensions");
 var styles_1 = require("@material-ui/core/styles");
 exports.ModalDialog = function (_a) {
-    var children = _a.children, classes = _a.classes, onAccept = _a.onAccept, onDismiss = _a.onDismiss, onClear = _a.onClear, onSetToday = _a.onSetToday, okLabel = _a.okLabel, cancelLabel = _a.cancelLabel, clearLabel = _a.clearLabel, todayLabel = _a.todayLabel, clearable = _a.clearable, showTodayButton = _a.showTodayButton, showTabs = _a.showTabs, wider = _a.wider, other = __rest(_a, ["children", "classes", "onAccept", "onDismiss", "onClear", "onSetToday", "okLabel", "cancelLabel", "clearLabel", "todayLabel", "clearable", "showTodayButton", "showTabs", "wider"]);
     var _b, _c;
+    var children = _a.children, classes = _a.classes, onAccept = _a.onAccept, onDismiss = _a.onDismiss, onClear = _a.onClear, onSetToday = _a.onSetToday, okLabel = _a.okLabel, cancelLabel = _a.cancelLabel, clearLabel = _a.clearLabel, todayLabel = _a.todayLabel, clearable = _a.clearable, showTodayButton = _a.showTodayButton, showTabs = _a.showTabs, wider = _a.wider, other = __rest(_a, ["children", "classes", "onAccept", "onDismiss", "onClear", "onSetToday", "okLabel", "cancelLabel", "clearLabel", "todayLabel", "clearable", "showTodayButton", "showTabs", "wider"]);
     return (React.createElement(Dialog_1.default, __assign({ role: "dialog", onClose: onDismiss, classes: {
             paper: clsx_1.default(classes.dialogRoot, (_b = {},
                 _b[classes.dialogRootWider] = wider,

package/_shared/PickerToolbar.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ToolbarProps } from '@material-ui/core/Toolbar';
 import { ExtendMui } from '../typings/extendMui';
-export declare const useStyles: any;
+export declare const useStyles: (props?: any) => Record<"toolbar" | "toolbarLandscape", string>;
 interface PickerToolbarProps extends ExtendMui<ToolbarProps> {
     isLandscape: boolean;
 }

package/_shared/PickerToolbar.js

@@ -15,8 +15,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;
 };
 var __importStar = (this && this.__importStar) || function (mod) {
@@ -53,9 +55,9 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
     },
 }); }, { name: 'MuiPickersToolbar' });
 var PickerToolbar = function (_a) {
-    var children = _a.children, isLandscape = _a.isLandscape, _b = _a.className, className = _b === void 0 ? null : _b, other = __rest(_a, ["children", "isLandscape", "className"]);
-    var _c;
+    var _b;
+    var children = _a.children, isLandscape = _a.isLandscape, _c = _a.className, className = _c === void 0 ? null : _c, other = __rest(_a, ["children", "isLandscape", "className"]);
     var classes = exports.useStyles();
-    return (React.createElement(Toolbar_1.default, __assign({ className: clsx_1.default(classes.toolbar, (_c = {}, _c[classes.toolbarLandscape] = isLandscape, _c), className) }, other), children));
+    return (React.createElement(Toolbar_1.default, __assign({ className: clsx_1.default(classes.toolbar, (_b = {}, _b[classes.toolbarLandscape] = isLandscape, _b), className) }, other), children));
 };
 exports.default = PickerToolbar;

package/_shared/PureDateInput.js

@@ -15,8 +15,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;
 };
 var __importStar = (this && this.__importStar) || function (mod) {
@@ -34,7 +36,7 @@ var React = __importStar(require("react"));
 var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
 exports.PureDateInput = function (_a) {
     var inputValue = _a.inputValue, inputVariant = _a.inputVariant, validationError = _a.validationError, InputProps = _a.InputProps, _b = _a.TextFieldComponent, TextFieldComponent = _b === void 0 ? TextField_1.default : _b, other = __rest(_a, ["inputValue", "inputVariant", "validationError", "InputProps", "TextFieldComponent"]);
-    var PureDateInputProps = React.useMemo(function () { return (__assign({}, InputProps, { readOnly: true })); }, [InputProps]);
+    var PureDateInputProps = React.useMemo(function () { return (__assign(__assign({}, InputProps), { readOnly: true })); }, [InputProps]);
     return (React.createElement(TextFieldComponent, __assign({ error: Boolean(validationError), helperText: validationError }, other, { 
         // do not overridable
         value: inputValue, variant: inputVariant, InputProps: PureDateInputProps })));

package/_shared/ToolbarButton.d.ts

@@ -10,6 +10,6 @@ export interface ToolbarButtonProps extends ExtendMui<ButtonProps, 'variant'>, W
     align?: TypographyProps['align'];
     typographyClassName?: string;
 }
-export declare const styles: Record<"toolbarBtn", import("@material-ui/core/styles/withStyles").CSSProperties>;
-declare const _default: React.ComponentType<Pick<React.PropsWithChildren<ToolbarButtonProps>, "children" | "ref" | "form" | "label" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "align" | "variant" | "innerRef" | "size" | "disabled" | "selected" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "disableFocusRipple" | "fullWidth" | "href" | "typographyClassName"> & import("@material-ui/core/styles").StyledComponentProps<"toolbarBtn">>;
+export declare const styles: Record<"toolbarBtn", import("@material-ui/styles").CSSProperties | (() => import("@material-ui/styles").CSSProperties)>;
+declare const _default: React.ComponentType<Pick<React.PropsWithChildren<ToolbarButtonProps>, "children" | "ref" | "form" | "label" | "style" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "align" | "variant" | "innerRef" | "name" | "size" | "disabled" | "selected" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "value" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "disableFocusRipple" | "fullWidth" | "href" | "typographyClassName"> & import("@material-ui/core/styles").StyledComponentProps<"toolbarBtn">>;
 export default _default;

package/_shared/ToolbarButton.js

@@ -15,8 +15,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;
 };
 var __importStar = (this && this.__importStar) || function (mod) {

package/_shared/ToolbarText.js

@@ -15,8 +15,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;
 };
 var __importStar = (this && this.__importStar) || function (mod) {
@@ -48,11 +50,11 @@ exports.useStyles = styles_1.makeStyles(function (theme) {
     };
 }, { name: 'MuiPickersToolbarText' });
 var ToolbarText = function (_a) {
-    var selected = _a.selected, label = _a.label, _b = _a.className, className = _b === void 0 ? null : _b, other = __rest(_a, ["selected", "label", "className"]);
-    var _c;
+    var _b;
+    var selected = _a.selected, label = _a.label, _c = _a.className, className = _c === void 0 ? null : _c, other = __rest(_a, ["selected", "label", "className"]);
     var classes = exports.useStyles();
-    return (React.createElement(Typography_1.default, __assign({ children: label, className: clsx_1.default(classes.toolbarTxt, className, (_c = {},
-            _c[classes.toolbarBtnSelected] = selected,
-            _c)) }, other)));
+    return (React.createElement(Typography_1.default, __assign({ children: label, className: clsx_1.default(classes.toolbarTxt, className, (_b = {},
+            _b[classes.toolbarBtnSelected] = selected,
+            _b)) }, other)));
 };
 exports.default = ToolbarText;

package/_shared/hooks/useKeyboardPickerState.js

@@ -35,10 +35,12 @@ function useKeyboardPickerState(props, options) {
         }
     }, [displayDate, setInnerInputValue, utils, value]);
     var handleKeyboardChange = react_1.useCallback(function (date) {
-        onChange(date, date === null ? null : utils.format(date, format));
+        var formattedValue = date === null ? null : utils.format(date, format);
+        setInnerInputValue(formattedValue || '');
+        onChange(date, formattedValue);
     }, [format, onChange, utils]);
-    var _c = usePickerState_1.usePickerState(__assign({}, props, { value: dateValue, onChange: handleKeyboardChange }), options), innerInputProps = _c.inputProps, wrapperProps = _c.wrapperProps, pickerProps = _c.pickerProps;
-    var inputProps = react_1.useMemo(function () { return (__assign({}, innerInputProps, { format: wrapperProps.format, inputValue: inputValue || innerInputValue, onChange: function (value) {
+    var _c = usePickerState_1.usePickerState(__assign(__assign({}, props), { value: dateValue, onChange: handleKeyboardChange }), options), innerInputProps = _c.inputProps, wrapperProps = _c.wrapperProps, pickerProps = _c.pickerProps;
+    var inputProps = react_1.useMemo(function () { return (__assign(__assign({}, innerInputProps), { format: wrapperProps.format, inputValue: inputValue || innerInputValue, onChange: function (value) {
             setInnerInputValue(value || '');
             var date = value === null ? null : utils.parse(value, wrapperProps.format);
             onChange(date, value);

package/_shared/hooks/useOpenState.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
 function useOpenState(_a) {
-    var open = _a.open, onOpen = _a.onOpen, onClose = _a.onClose;
     var _b;
+    var open = _a.open, onOpen = _a.onOpen, onClose = _a.onClose;
     var setIsOpenState = null;
     if (open === undefined || open === null) {
         // The component is uncontrolled, so we need to give it its own state.

package/_shared/hooks/usePickerState.js

@@ -50,31 +50,31 @@ function usePickerState(props, options) {
         onChange: function (newDate, isFinish) {
             if (isFinish === void 0) { isFinish = true; }
             setPickerDate(newDate);
-            if (variant === 'inline' || variant === 'static') {
-                onChange(newDate);
-            }
             if (isFinish && autoOk) {
                 acceptDate(newDate);
             }
+            else if (variant === 'inline' || variant === 'static') {
+                onChange(newDate);
+            }
         },
         onSetToday: function () {
             var newDate = utils.date();
             setPickerDate(newDate);
-            if (variant === 'inline' || variant === 'static') {
-                onChange(newDate);
-            }
             if (autoOk) {
                 acceptDate(newDate);
             }
+            else if (variant === 'inline' || variant === 'static') {
+                onChange(newDate);
+            }
         },
         onSetShift: function (shiftDate) {
             var newDate = utils.date(shiftDate);
-            if (variant === 'inline' || variant === 'static') {
-                onChange(newDate);
-            }
             if (autoOk) {
                 acceptDate(newDate);
             }
+            else if (variant === 'inline' || variant === 'static') {
+                onChange(newDate);
+            }
         },
     }); }, [acceptDate, autoOk, onChange, pickerDate, variant]);
     var validationError = text_field_helper_1.validate(value, utils, props);

package/constants/prop-types.js

@@ -34,10 +34,10 @@ exports.timePickerDefaultProps = {
 };
 exports.datePickerDefaultProps = {
     minDate: new Date('1900-01-01'),
-    maxDate: new Date('2100-01-01'),
+    maxDate: new Date('2200-01-01'),
     invalidDateMessage: 'Invalid Date Format',
     minDateMessage: 'Date should not be before minimal date',
     maxDateMessage: 'Date should not be after maximal date',
     allowKeyboardControl: true,
 };
-exports.dateTimePickerDefaultProps = __assign({}, exports.timePickerDefaultProps, exports.datePickerDefaultProps, { showTabs: true });
+exports.dateTimePickerDefaultProps = __assign(__assign(__assign({}, exports.timePickerDefaultProps), exports.datePickerDefaultProps), { showTabs: true });