@splunk/react-ui 4.42.0 → 5.0.0-beta.2

package/Date.js

@@ -8,27 +8,27 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = t => {
-            /******/ var n = t && t.__esModule ? 
-            /******/ () => t["default"]
-            /******/ : () => t
+        /******/ e.n = n => {
+            /******/ var t = n && n.__esModule ? 
+            /******/ () => n["default"]
+            /******/ : () => n
             /******/;
-            e.d(n, {
-                a: n
+            e.d(t, {
+                a: t
             });
-            /******/            return n;
+            /******/            return t;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (t, n) => {
-            /******/ for (var a in n) {
-                /******/ if (e.o(n, a) && !e.o(t, a)) {
-                    /******/ Object.defineProperty(t, a, {
+        /******/ e.d = (n, t) => {
+            /******/ for (var r in t) {
+                /******/ if (e.o(t, r) && !e.o(n, r)) {
+                    /******/ Object.defineProperty(n, r, {
                         enumerable: true,
-                        get: n[a]
+                        get: t[r]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ e.o = (e, n) => Object.prototype.hasOwnProperty.call(e, n)
         /******/;
     })();
     /******/
@@ -56,59 +56,58 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
+    /************************************************************************/    var n = {};
     // ESM COMPAT FLAG
-        e.r(t);
+        e.r(n);
     // EXPORTS
-        e.d(t, {
-        DateWithoutTheme: () => /* reexport */ U,
-        default: () => /* reexport */ G,
-        validateValue: () => /* reexport */ Z
+        e.d(n, {
+        default: () => /* reexport */ $,
+        validateValue: () => /* reexport */ F
     });
     // CONCATENATED MODULE: external "react"
-    const n = require("react");
-    var a =  e.n(n);
+    const t = require("react");
+    var r =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
-    const r = require("prop-types");
-    var o =  e.n(r);
-    // CONCATENATED MODULE: external "lodash/has"
-    const l = require("lodash/has");
-    var i =  e.n(l);
+    const a = require("prop-types");
+    var l =  e.n(a);
     // CONCATENATED MODULE: external "lodash/omit"
-    const u = require("lodash/omit");
-    var s =  e.n(u);
+    const o = require("lodash/omit");
+    var i =  e.n(o);
     // CONCATENATED MODULE: external "moment"
-    const c = require("moment");
-    var p =  e.n(c);
-    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const f = require("@splunk/ui-utils/id");
-    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const d = require("@splunk/ui-utils/keyboard");
+    const u = require("moment");
+    var c =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/Calendar"
-    const v = require("@splunk/react-ui/Calendar");
-    var h =  e.n(v);
+    const s = require("@splunk/react-ui/Calendar");
+    var f =  e.n(s);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
-    const y = require("@splunk/react-ui/Popover");
-    var b =  e.n(y);
+    const d = require("@splunk/react-ui/Popover");
+    var v =  e.n(d);
+    // CONCATENATED MODULE: external "@splunk/react-ui/useControlled"
+    const p = require("@splunk/react-ui/useControlled");
+    var m =  e.n(p);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const m = require("@splunk/themes");
+    const y = require("@splunk/themes");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/id"
+    const b = require("@splunk/ui-utils/id");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
+    const g = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "styled-components"
-    const g = require("styled-components");
-    var C =  e.n(g);
+    const h = require("styled-components");
+    var C =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/react-ui/Text"
-    const O = require("@splunk/react-ui/Text");
-    var x =  e.n(O);
+    const k = require("@splunk/react-ui/Text");
+    var S =  e.n(k);
     // CONCATENATED MODULE: ./src/Date/DateStyles.ts
-    var k = C()(x()).withConfig({
+    var O = C()(S()).withConfig({
         displayName: "DateStyles__StyledText",
         componentId: "kacgdc-0"
-    })([ "cursor:", ";&[data-inline]{flex-basis:", ";width:", ";}" ], (0, m.pickVariant)("$disabled", {
+    })([ "cursor:", ";&[data-inline]{flex-basis:", ";width:", ";}" ], (0, y.pickVariant)("$disabled", {
         false: "text",
         true: "not-allowed"
-    }), (0, m.pick)({
+    }), (0, y.pick)({
         enterprise: "105px",
         prisma: "150px"
-    }), (0, m.pick)({
+    }), (0, y.pick)({
         enterprise: {
             comfortable: "105px",
             compact: "80px"
@@ -118,35 +117,31 @@
     var w = C().div.withConfig({
         displayName: "DateStyles__IconContainer",
         componentId: "kacgdc-1"
-    })([ "align-items:center;color:", ";display:flex;padding:", ";pointer-events:none;" ], (0, 
-    m.pickVariant)("$disabled", {
-        false: m.variables.contentColorMuted,
-        true: m.variables.contentColorDisabled
-    }), (0, m.pick)({
-        comfortable: "0 8px",
-        compact: "0 6px"
+    })([ "align-items:center;color:", ";display:flex;pointer-events:none;" ], (0, y.pickVariant)("$disabled", {
+        false: y.variables.contentColorMuted,
+        true: y.variables.contentColorDisabled
     }));
     // CONCATENATED MODULE: ./src/Date/Icon.tsx
-    function T() {
-        return T = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var a in n) {
-                    ({}).hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    function V() {
+        return V = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
                 }
             }
             return e;
-        }, T.apply(null, arguments);
+        }, V.apply(null, arguments);
     }
-    function I(e) {
-        var t = (0, m.useSplunkTheme)(), n = t.density;
-        var r = n === "compact" ? "20px" : "24px";
+    function x(e) {
+        var n = (0, y.useSplunkTheme)(), t = n.density;
+        var a = t === "compact" ? "20px" : "24px";
         
-        return a().createElement("svg", T({
+        return r().createElement("svg", V({
             viewBox: "0 0 24 24",
-            width: r,
-            height: r
-        }, e),  a().createElement("path", {
+            width: a,
+            height: a
+        }, e),  r().createElement("path", {
             fill: "currentColor",
             fillRule: "evenodd",
             d: "M16.6001 2C17.1524 2 17.6001 2.44772 17.6001 3V4H19C20.1046 4 21 4.89543 21 6V8.5V9.5V19.5C21 19.7761 20.7761 20 20.5 20H3.5C3.22386 20 3 19.7761 3 19.5V9.5V8.5V6C3 4.89543 3.89543 4 5 4H6.6001V3C6.6001 2.44772 7.04781 2 7.6001 2C8.15238 2 8.6001 2.44772 8.6001 3V4H15.6001V3C15.6001 2.44772 16.0478 2 16.6001 2ZM6.6001 6C6.6001 6.55228 7.04781 7 7.6001 7C8.15238 7 8.6001 6.55228 8.6001 6H15.6001C15.6001 6.55228 16.0478 7 16.6001 7C17.1524 7 17.6001 6.55228 17.6001 6H19V8H5L5 6H6.6001ZM19 10H5V18H19V10Z"
@@ -159,156 +154,118 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function S(e, t) {
+    function j(e, n) {
         if (e) {
             if (typeof e === "function") {
-                e(t);
+                e(n);
             } else {
                 // the public signature of this util uses React.Ref<T> to mirror the way React types refs.
                 // the intention here is to signal "we will take care of setting 'current', not you".
-                e.current = t;
+                e.current = n;
  // eslint-disable-line no-param-reassign
                         }
         }
     }
     // CONCATENATED MODULE: ./src/Date/Date.tsx
-    function D(e) {
-        "@babel/helpers - typeof";
-        return D = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
-            return typeof e;
-        } : function(e) {
-            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-        }, D(e);
-    }
-    function V() {
-        return V = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var n = arguments[t];
-                for (var a in n) {
-                    ({}).hasOwnProperty.call(n, a) && (e[a] = n[a]);
+    function D() {
+        return D = Object.assign ? Object.assign.bind() : function(e) {
+            for (var n = 1; n < arguments.length; n++) {
+                var t = arguments[n];
+                for (var r in t) {
+                    ({}).hasOwnProperty.call(t, r) && (e[r] = t[r]);
                 }
             }
             return e;
-        }, V.apply(null, arguments);
+        }, D.apply(null, arguments);
+    }
+    function M(e, n) {
+        return P(e) || I(e, n) || T(e, n) || q();
     }
-    function j(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+    function q() {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function P(e, t) {
-        for (var n = 0; n < t.length; n++) {
-            var a = t[n];
-            a.enumerable = a.enumerable || !1, a.configurable = !0, "value" in a && (a.writable = !0), 
-            Object.defineProperty(e, W(a.key), a);
+    function T(e, n) {
+        if (e) {
+            if ("string" == typeof e) return E(e, n);
+            var t = {}.toString.call(e).slice(8, -1);
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? E(e, n) : void 0;
         }
     }
-    function R(e, t, n) {
-        return t && P(e.prototype, t), n && P(e, n), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
+    function E(e, n) {
+        (null == n || n > e.length) && (n = e.length);
+        for (var t = 0, r = Array(n); t < n; t++) {
+            r[t] = e[t];
+        }
+        return r;
     }
-    function _(e, t) {
-        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
-        e.prototype = Object.create(t && t.prototype, {
-            constructor: {
-                value: e,
-                writable: !0,
-                configurable: !0
+    function I(e, n) {
+        var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != t) {
+            var r, a, l, o, i = [], u = !0, c = !1;
+            try {
+                if (l = (t = t.call(e)).next, 0 === n) {
+                    if (Object(t) !== t) return;
+                    u = !1;
+                } else for (;!(u = (r = l.call(t)).done) && (i.push(r.value), i.length !== n); u = !0) {
+                }
+            } catch (e) {
+                c = !0, a = e;
+            } finally {
+                try {
+                    if (!u && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
+                } finally {
+                    if (c) throw a;
+                }
             }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), t && E(e, t);
-    }
-    function E(e, t) {
-        return E = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-            return e.__proto__ = t, e;
-        }, E(e, t);
-    }
-    function q(e) {
-        var t = H();
-        return function() {
-            var n, a = K(e);
-            if (t) {
-                var r = K(this).constructor;
-                n = Reflect.construct(a, arguments, r);
-            } else n = a.apply(this, arguments);
-            return M(this, n);
-        };
-    }
-    function M(e, t) {
-        if (t && ("object" == D(t) || "function" == typeof t)) return t;
-        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return F(e);
-    }
-    function F(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
-    }
-    function H() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (H = function t() {
-            return !!e;
-        })();
-    }
-    function K(e) {
-        return K = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, K(e);
+            return i;
+        }
     }
-    function B(e, t, n) {
-        return (t = W(t)) in e ? Object.defineProperty(e, t, {
-            value: n,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[t] = n, e;
+    function P(e) {
+        if (Array.isArray(e)) return e;
     }
-    function W(e) {
-        var t = A(e, "string");
-        return "symbol" == D(t) ? t : t + "";
+    function A(e, n) {
+        if (null == e) return {};
+        var t, r, a = H(e, n);
+        if (Object.getOwnPropertySymbols) {
+            var l = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < l.length; r++) {
+                t = l[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+            }
+        }
+        return a;
     }
-    function A(e, t) {
-        if ("object" != D(e) || !e) return e;
-        var n = e[Symbol.toPrimitive];
-        if (void 0 !== n) {
-            var a = n.call(e, t || "default");
-            if ("object" != D(a)) return a;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
+    function H(e, n) {
+        if (null == e) return {};
+        var t = {};
+        for (var r in e) {
+            if ({}.hasOwnProperty.call(e, r)) {
+                if (n.includes(r)) continue;
+                t[r] = e[r];
+            }
         }
-        return ("string" === t ? String : Number)(e);
+        return t;
     }
     /** @public */
     /** @public */
-    /** @public */    var Y = {
-        defaultValue: o().string,
-        describedBy: o().string,
-        disabled: o().bool,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        error: o().bool,
-        highlightToday: o().bool,
-        inline: o().bool,
-        inputId: o().string,
-        inputOnly: o().bool,
-        labelledBy: o().string,
-        locale: o().string,
-        name: o().string,
-        onBlur: o().func,
-        onChange: o().func,
-        onClick: o().func,
-        onFocus: o().func,
-        onKeyDown: o().func,
-        /** @private */
-        splunkTheme: o().object,
-        value: o().string
-    };
-    var $ = {
-        disabled: false,
-        error: false,
-        highlightToday: false,
-        inline: true,
-        inputOnly: false,
-        locale: "en_US"
+    /** @public */    var R = {
+        defaultValue: l().string,
+        describedBy: l().string,
+        disabled: l().bool,
+        elementRef: l().oneOfType([ l().func, l().object ]),
+        error: l().bool,
+        highlightToday: l().bool,
+        inline: l().bool,
+        inputId: l().string,
+        inputOnly: l().bool,
+        labelledBy: l().string,
+        locale: l().string,
+        name: l().string,
+        onBlur: l().func,
+        onChange: l().func,
+        onClick: l().func,
+        onFocus: l().func,
+        onKeyDown: l().func,
+        value: l().string
     };
     /**
  * This static value can be used to convert a moment date to a compatible string
@@ -320,246 +277,183 @@
  * @name momentFormat
  * @memberOf Date
  * @type string
- */    var N = "YYYY-MM-DD";
-    var Z = function e(t) {
-        if (!p()(t, N).isValid()) {
+ */    var _ = "YYYY-MM-DD";
+    var F = function e(n) {
+        if (!c()(n, _).isValid()) {
             // eslint-disable-next-line no-console
-            console.error('Invalid date string value "'.concat(t, '" provided to Moment.'));
+            console.error('Invalid date string value "'.concat(n, '" provided to Moment.'));
         }
     };
-    var U =  function(e) {
-        _(n, e);
-        var t = q(n);
+    function K(e) {
+        var n = e.defaultValue, a = e.disabled, l = e.elementRef, o = e.highlightToday, u = e.inline, d = u === void 0 ? true : u, p = e.inputOnly, h = e.locale, C = h === void 0 ? "en_US" : h, k = e.name, S = e.onChange, V = e.onClick, q = e.onFocus, T = e.onKeyDown, E = e.value, I = A(e, [ "defaultValue", "disabled", "elementRef", "highlightToday", "inline", "inputOnly", "locale", "name", "onChange", "onClick", "onFocus", "onKeyDown", "value" ]);
         // @docs-props-type DatePropsBase
-                function n(e) {
-            var r;
-            j(this, n);
-            r = t.call(this, e);
-            B(F(r), "controlledExternally", void 0);
-            B(F(r), "focusCalledInternally", false);
-            B(F(r), "popoverId", void 0);
-            B(F(r), "calendarRef",  a().createRef());
-            B(F(r), "openWithFocus", false);
-            B(F(r), "applyTextChange", (function(e) {
-                var t = p()(r.state.tempTextInputDate, "l", r.props.locale);
-                if (t.isValid()) {
-                    r.handleDateChange(e, {
-                        value: t.format(N)
-                    }, "textInput");
-                } else {
-                    r.setState({
-                        calendarOpen: false,
-                        tempTextInputDate: undefined
-                    });
-                }
-            }));
-            B(F(r), "handleDateChange", (function(e, t, n) {
-                var a = t.value;
-                if (n !== "textInput") {
-                    r.focusCalledInternally = true;
-                    r.focus();
-                }
-                if (r.getValue() !== a) {
-                    var o, l;
-                    r.setState({
-                        calendarOpen: false,
-                        tempTextInputDate: undefined,
-                        value: r.isControlled() ? undefined : a
-                    });
-                    var i = r.props.name;
-                    (o = (l = r.props).onChange) === null || o === void 0 ? void 0 : o.call(l, e, {
-                        value: a,
-                        name: i
-                    });
-                } else {
-                    r.setState({
-                        calendarOpen: false
-                    });
-                }
-            }));
-            B(F(r), "handleFocus", (function(e, t) {
-                var n, a;
-                if (r.focusCalledInternally) {
-                    r.focusCalledInternally = false;
-                } else if (!r.props.inputOnly) {
-                    r.setState({
-                        calendarOpen: true
-                    });
-                }
-                (n = (a = r.props).onFocus) === null || n === void 0 ? void 0 : n.call(a, e, t);
-            }));
-            B(F(r), "handleClick", (function(e) {
-                var t, n;
-                if (!r.props.inputOnly && !r.state.calendarOpen) {
-                    r.setState({
-                        calendarOpen: true
-                    });
-                }
-                (t = (n = r.props).onClick) === null || t === void 0 ? void 0 : t.call(n, e);
-            }));
-            B(F(r), "handleInputChange", (function(e, t) {
-                var n = t.value;
-                r.setState({
-                    tempTextInputDate: n,
-                    calendarOpen: !r.props.inputOnly
-                });
-            }));
-            B(F(r), "handleKeyDown", (function(e) {
-                var t, n;
-                var a = (0, d.keycode)(e.nativeEvent);
-                if (a === "enter" || a === "tab") {
-                    r.applyTextChange(e);
-                } else if (!r.props.inputOnly && a === "down") {
-                    e.preventDefault();
-                    if (!r.state.calendarOpen) {
-                        r.openWithFocus = true;
-                        r.setState({
-                            calendarOpen: true
-                        });
-                    } else if (r.calendarRef) {
-                        (0, v.focusActiveDay)(r.calendarRef);
-                    }
-                } else if (a === "esc") {
-                    r.setState({
-                        calendarOpen: false,
-                        tempTextInputDate: undefined
-                    });
-                    r.focus();
-                }
-                (t = (n = r.props).onKeyDown) === null || t === void 0 ? void 0 : t.call(n, e);
-            }));
-            B(F(r), "handleMount", (function(e) {
-                r.setState({
-                    anchor: e
-                });
-                S(r.props.elementRef, e);
-            }));
-            B(F(r), "handleInputMount", (function(e) {
-                r.setState({
-                    input: e
-                });
-            }));
-            B(F(r), "handleRequestClose", (function(e) {
-                var t = e.event, n = e.reason;
-                if ((n === "clickAway" || n === "escapeKey") && t !== undefined && t.target !== r.state.anchor) {
-                    r.applyTextChange(t);
-                    if (n === "escapeKey") {
-                        r.focusCalledInternally = true;
-                        r.focus();
-                    }
-                }
-            }));
-            r.controlledExternally = i()(e, "value");
-            var o = r.isControlled() ? e.value : e.defaultValue || p()().locale(e.locale).format(N);
-            r.state = {
-                anchor: null,
-                calendarOpen: false,
-                input: null,
-                value: r.isControlled() ? undefined : o
-            };
-            r.popoverId = (0, f.createDOMID)("calendar");
-            if (false) {}
+                var P = m()({
+            componentName: "Date",
+            /* eslint-disable-next-line prefer-rest-params */
+            componentProps: arguments[0]
+        });
+        var H = (0, y.useSplunkTheme)(), R = H.isPrisma;
+        var F = (0, t.useState)(null), $ = M(F, 2), B = $[0], Y = $[1];
+        var N = (0, t.useState)(false), Z = M(N, 2), U = Z[0], z = Z[1];
+        var L = (0, t.useState)(), G = M(L, 2), J = G[0], Q = G[1];
+        var W = (0, t.useState)(n || c()().locale(C).format(_)), X = M(W, 2), ee = X[0], ne = X[1];
+        var te = (0, t.useState)(null), re = M(te, 2), ae = re[0], le = re[1];
+        var oe = (0, t.useState)(null), ie = M(oe, 2), ue = ie[0], ce = ie[1];
+        var se = (0, t.useRef)(false);
+        var fe = (0, b.createDOMID)("calendar");
+        var de = (0, t.useMemo)((function() {
+            return P ? E : ee;
+        }), [ P, E, ee ]);
+        (0, t.useEffect)((function() {
             if (false) {}
-            return r;
-        }
-        R(n, [ {
-            key: "componentDidUpdate",
-            value: function e(t, n) {
-                if (false) {}
-                if (false) {}
-                if (false) {}
-                /**
-       * If `openWithFocus` and `calendarOpen` are set the user is attempting to navigate to the dropdown, but it's closed.
-       * On the first update following the state change set focus to the active day within the calendar.
-       */                if (this.openWithFocus && this.state.calendarOpen && n.calendarOpen !== this.state.calendarOpen) {
-                    this.openWithFocus = false;
-                    (0, v.focusActiveDay)(this.calendarRef);
-                }
+        }), [ de ]);
+        (0, t.useEffect)((function() {
+            /**
+     * If `openWithFocus` and `calendarOpen` are set the user is attempting to navigate to the dropdown, but it's closed.
+     * On the first update following the state change set focus to the active day within the calendar.
+     */
+            if (se.current && U) {
+                se.current = false;
+                (0, s.focusActiveDay)(ae);
             }
-        }, {
-            key: "getValue",
-            value: function e() {
-                return this.isControlled() ? this.props.value : this.state.value;
+        }), [ ae, U ]);
+        var ve = (0, t.useMemo)((function() {
+            return J === undefined ? c()(de, K.momentFormat, C).format("l") : J;
+        }), [ de, C, J ]);
+        var pe = (0, t.useCallback)((function(e, n, t) {
+            var r = n.value;
+            if (t !== "textInput") {
+                ue === null || ue === void 0 ? void 0 : ue.focus();
             }
-        }, {
-            key: "getTextInputValue",
-            value: function e() {
-                return this.state.tempTextInputDate === undefined ? p()(this.getValue(), N, this.props.locale).format("l") : this.state.tempTextInputDate;
+            if (de !== r) {
+                z(false);
+                Q(undefined);
+                ne(P ? undefined : r);
+                S === null || S === void 0 ? void 0 : S(e, {
+                    value: r,
+                    name: k
+                });
+            } else {
+                z(false);
             }
-        }, {
-            key: "isControlled",
-            value: function e() {
-                return this.controlledExternally;
+        }), [ de, ue, P, k, S ]);
+        var me = (0, t.useCallback)((function(e) {
+            var n = c()(J, "l", C);
+            if (n.isValid()) {
+                pe(e, {
+                    value: n.format(K.momentFormat)
+                }, "textInput");
+            } else {
+                z(false);
+                Q(undefined);
             }
-            /**
-     * Place focus on the input.
-     */        }, {
-            key: "focus",
-            value: function e() {
-                var t;
-                (t = this.state.input) === null || t === void 0 ? void 0 : t.focus();
+        }), [ pe, C, J ]);
+        var ye = (0, t.useCallback)((function(e, n) {
+            if (!p) {
+                z(true);
+            }
+            q === null || q === void 0 ? void 0 : q(e, n);
+        }), [ p, q ]);
+        var be = (0, t.useCallback)((function(e) {
+            if (!p && !U) {
+                z(true);
+            }
+            V === null || V === void 0 ? void 0 : V(e);
+        }), [ U, p, V ]);
+        var ge = (0, t.useCallback)((function(e, n) {
+            var t = n.value;
+            Q(t);
+            z(!p);
+        }), [ p ]);
+        var he = (0, t.useCallback)((function(e) {
+            var n = (0, g.keycode)(e.nativeEvent);
+            if (n === "enter" || n === "tab") {
+                me(e);
+            } else if (!p && n === "down") {
+                e.preventDefault();
+                if (!U) {
+                    se.current = true;
+                    z(true);
+                } else if (ae) {
+                    (0, s.focusActiveDay)(ae);
+                }
+            } else if (n === "esc") {
+                z(false);
+                Q(undefined);
+                ue === null || ue === void 0 ? void 0 : ue.focus();
             }
-        }, {
-            key: "render",
-            value: function e() {
-                var t = this.props, n = t.disabled, r = t.highlightToday, o = t.inputOnly, l = t.locale, i = t.splunkTheme;
-                var u = i.isPrisma;
-                var c = this.getValue();
-                var p = u && !o &&  a().createElement(w, {
-                    "aria-hidden": true,
-                    $disabled: n
-                },  a().createElement(I, null));
-                var f;
-                var d = {};
-                if (!o) {
-                    d.role = "combobox";
-                    d["aria-controls"] = this.state.calendarOpen ? this.popoverId : undefined;
-                    d["aria-expanded"] = n ? false : this.state.calendarOpen;
-                    d["aria-haspopup"] = true;
-                    f =  a().createElement(b(), {
-                        anchor: this.state.anchor,
-                        id: this.popoverId,
-                        open: n ? false : this.state.calendarOpen,
-                        onRequestClose: this.handleRequestClose
-                    },  a().createElement(h(), {
-                        elementRef: this.calendarRef,
-                        highlightToday: r,
-                        locale: l,
-                        onChange: this.handleDateChange,
-                        value: c
-                    }));
+            T === null || T === void 0 ? void 0 : T(e);
+        }), [ me, ae, U, ue, p, T ]);
+        var Ce = (0, t.useCallback)((function(e) {
+            Y(e);
+            j(l, e);
+        }), [ l ]);
+        var ke = (0, t.useCallback)((function(e) {
+            ce(e);
+        }), []);
+        var Se = (0, t.useCallback)((function(e) {
+            le(e);
+        }), []);
+        var Oe = (0, t.useCallback)((function(e) {
+            var n = e.event, t = e.reason;
+            if ((t === "clickAway" || t === "escapeKey") && n !== undefined && n.target !== B) {
+                me(n);
+                if (t === "escapeKey") {
+                    ue === null || ue === void 0 ? void 0 : ue.focus();
                 }
-                
-                return a().createElement(k, V({
-                    autoCapitalize: "off",
-                    autoComplete: "off",
-                    autoCorrect: "off",
-                    spellCheck: false,
-                    "data-test": "date",
-                    "data-test-value": c,
-                    "data-test-popover-id": this.popoverId,
-                    elementRef: this.handleMount,
-                    inputRef: this.handleInputMount,
-                    onChange: this.handleInputChange,
-                    onClick: this.handleClick,
-                    onFocus: this.handleFocus,
-                    onKeyDown: this.handleKeyDown,
-                    value: this.getTextInputValue(),
-                    startAdornment: p,
-                    $disabled: n
-                }, d, s()(this.props, "defaultValue", "elementRef", "inputOnly", "multiline", "locale", "onChange", "onClick", "onFocus", "onKeyDown", "onSelect", "spellCheck", "value")), f);
             }
-        } ]);
-        return n;
-    }(n.Component);
-    B(U, "propTypes", Y);
-    B(U, "defaultProps", $);
-    var z = (0, m.withSplunkTheme)(U);
-    var L = z;
-    L.propTypes = U.propTypes;
-    L.momentFormat = N;
-    /* harmony default export */    const G = L;
+        }), [ B, ue, me ]);
+        var we = R && !p &&  r().createElement(w, {
+            "aria-hidden": true,
+            $disabled: a
+        },  r().createElement(x, null));
+        var Ve;
+        var xe = {};
+        if (!p) {
+            xe.role = "combobox";
+            xe["aria-controls"] = U ? fe : undefined;
+            xe["aria-expanded"] = a ? false : U;
+            xe["aria-haspopup"] = true;
+            Ve =  r().createElement(v(), {
+                anchor: B,
+                id: fe,
+                open: a ? false : U,
+                onRequestClose: Oe
+            },  r().createElement(f(), {
+                elementRef: Se,
+                highlightToday: o,
+                locale: C,
+                onChange: pe,
+                value: de
+            }));
+        }
+        
+        return r().createElement(O, D({
+            autoCapitalize: "off",
+            autoComplete: "off",
+            autoCorrect: "off",
+            spellCheck: false,
+            "data-test": "date",
+            "data-test-value": de,
+            "data-test-popover-id": fe,
+            disabled: a,
+            elementRef: Ce,
+            inline: d,
+            inputRef: ke,
+            name: k,
+            onChange: ge,
+            onClick: be,
+            onFocus: ye,
+            onKeyDown: he,
+            value: ve,
+            startAdornment: we,
+            $disabled: a
+        }, xe, i()(I, "multiline", "onSelect", "spellCheck")), Ve);
+    }
+    K.propTypes = R;
+    K.momentFormat = _;
+    /* harmony default export */    const $ = K;
     // only for styled components using Date
         // CONCATENATED MODULE: ./src/Date/index.ts
-    module.exports = t;
+    module.exports = n;
     /******/})();