@splunk/react-ui 4.40.0 → 4.42.0

package/Calendar.js

@@ -8,10 +8,10 @@
     /******/ /* webpack/runtime/compat get default export */
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
-        /******/ e.n = t => {
-            /******/ var r = t && t.__esModule ? 
-            /******/ () => t["default"]
-            /******/ : () => t
+        /******/ e.n = a => {
+            /******/ var r = a && a.__esModule ? 
+            /******/ () => a["default"]
+            /******/ : () => a
             /******/;
             e.d(r, {
                 a: r
@@ -23,12 +23,12 @@
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (t, r) => {
-            /******/ for (var n in r) {
-                /******/ if (e.o(r, n) && !e.o(t, n)) {
-                    /******/ Object.defineProperty(t, n, {
+        /******/ e.d = (a, r) => {
+            /******/ for (var t in r) {
+                /******/ if (e.o(r, t) && !e.o(a, t)) {
+                    /******/ Object.defineProperty(a, t, {
                         enumerable: true,
-                        get: r[n]
+                        get: r[t]
                     });
                     /******/                }
                 /******/            }
@@ -37,7 +37,7 @@
     /******/
     /******/ /* webpack/runtime/hasOwnProperty shorthand */
     /******/    (() => {
-        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/ e.o = (e, a) => Object.prototype.hasOwnProperty.call(e, a)
         /******/;
     })();
     /******/
@@ -56,744 +56,616 @@
             /******/        };
         /******/    })();
     /******/
-    /************************************************************************/    var t = {};
+    /************************************************************************/    var a = {};
     // ESM COMPAT FLAG
-        e.r(t);
+        e.r(a);
     // EXPORTS
-        e.d(t, {
-        calendarActiveSelector: () => /* reexport */ ze,
-        default: () => /* reexport */ Ue
+        e.d(a, {
+        calendarActiveSelector: () => /* reexport */ Me,
+        default: () => /* reexport */ Oe,
+        focusActiveDay: () => /* reexport */ Ce
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
-    var n =  e.n(r);
+    var t =  e.n(r);
     // CONCATENATED MODULE: external "prop-types"
-    const a = require("prop-types");
-    var o =  e.n(a);
-    // CONCATENATED MODULE: external "lodash/keys"
-    const i = require("lodash/keys");
-    var l =  e.n(i);
-    // CONCATENATED MODULE: external "lodash/omit"
-    const u = require("lodash/omit");
-    var c =  e.n(u);
+    const n = require("prop-types");
+    var l =  e.n(n);
     // CONCATENATED MODULE: external "moment"
-    const s = require("moment");
-    var d =  e.n(s);
+    const o = require("moment");
+    var i =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
-    const f = require("@splunk/ui-utils/id");
+    const c = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "lodash/times"
-    const v = require("lodash/times");
-    var p =  e.n(v);
+    const u = require("lodash/times");
+    var s =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const y = require("@splunk/themes");
+    const d = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/ui-utils/keyboard"
-    const h = require("@splunk/ui-utils/keyboard");
+    const v = require("@splunk/ui-utils/keyboard");
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const b = require("@splunk/react-ui/ScreenReaderContent");
-    var m =  e.n(b);
+    const f = require("@splunk/react-ui/ScreenReaderContent");
+    var p =  e.n(f);
     // CONCATENATED MODULE: external "styled-components"
-    const Y = require("styled-components");
-    var g =  e.n(Y);
+    const y = require("styled-components");
+    var h =  e.n(y);
     // CONCATENATED MODULE: ./src/Calendar/DayStyles.ts
     /* Element used to prevent vertical shift on firefox when the font-weight is increased with $selected */
-    var M = g().div.withConfig({
+    var Y = h().div.withConfig({
         displayName: "DayStyles__StyledValue",
         componentId: "sc-1nryhyt-0"
-    })([ "left:0;line-height:", ";position:absolute;top:0;width:100%;" ], (0, y.pick)({
+    })([ "left:0;line-height:", ";position:absolute;top:0;width:100%;" ], (0, d.pick)({
         enterprise: "2em",
         prisma: "36px "
     }));
-    var D = g().div.withConfig({
+    var m = h().div.withConfig({
         displayName: "DayStyles__StyledInner",
         componentId: "sc-1nryhyt-1"
     })([ "border:", ";border-radius:", ";color:", ";height:", ";position:relative;text-align:center;width:", ";" ], (0, 
-    y.pick)({
+    d.pick)({
         enterprise: "1px solid transparent",
         prisma: "none"
-    }), (0, y.pick)({
-        enterprise: y.variables.borderRadius,
+    }), (0, d.pick)({
+        enterprise: d.variables.borderRadius,
         prisma: "50%"
-    }), (0, y.pick)({
+    }), (0, d.pick)({
         enterprise: {
-            light: y.variables.gray45,
-            dark: y.variables.gray98
+            light: d.variables.gray45,
+            dark: d.variables.gray98
         },
-        prisma: y.variables.contentColorActive
-    }), (0, y.pick)({
+        prisma: d.variables.contentColorActive
+    }), (0, d.pick)({
         enterprise: "2em",
         prisma: "36px "
-    }), (0, y.pick)({
+    }), (0, d.pick)({
         enterprise: "calc(2em - 2px)",
         prisma: "36px"
     }));
-    var k = g().td.withConfig({
+    var b = h().td.withConfig({
         displayName: "DayStyles__StyledCell",
         componentId: "sc-1nryhyt-2"
-    })([ "", ";cursor:pointer;", ";", ";" ], y.mixins.reset("table-cell"), (0, y.pickVariant)("$today", {
+    })([ "", ";cursor:pointer;", ";", ";" ], d.mixins.reset("table-cell"), (0, d.pickVariant)("$today", {
         true: {
-            enterprise: (0, Y.css)([ "& > ", "{background-color:", ";}&:focus{& > ", "{box-shadow:", ";}}" ], /* sc-sel */ D, (0, 
-            y.pick)({
-                light: y.variables.gray92,
-                dark: y.variables.gray45
-            }), /* sc-sel */ D, y.variables.focusShadow),
-            prisma: (0, Y.css)([ "& > ", "{box-shadow:inset 0 0 0 1px ", ";}&:focus{& > ", "{box-shadow:inset 0 0 0 1px ", ",", ";}}" ], /* sc-sel */ D, y.variables.interactiveColorBorder, /* sc-sel */ D, y.variables.interactiveColorBorder, y.variables.focusShadow)
+            enterprise: (0, y.css)([ "& > ", "{background-color:", ";}&:focus{& > ", "{box-shadow:", ";}}" ], /* sc-sel */ m, (0, 
+            d.pick)({
+                light: d.variables.gray92,
+                dark: d.variables.gray45
+            }), /* sc-sel */ m, d.variables.focusShadow),
+            prisma: (0, y.css)([ "& > ", "{box-shadow:inset 0 0 0 1px ", ";}&:focus{& > ", "{box-shadow:inset 0 0 0 1px ", ",", ";}}" ], /* sc-sel */ m, d.variables.interactiveColorBorder, /* sc-sel */ m, d.variables.interactiveColorBorder, d.variables.focusShadow)
         },
-        false: (0, Y.css)([ "&:focus{& > ", "{box-shadow:", ";}}" ], /* sc-sel */ D, y.variables.focusShadow)
-    }), (0, y.pickVariant)("$selected", {
-        true: (0, y.pick)({
-            enterprise: (0, Y.css)([ "& > ", "{border-color:", ";}" ], /* sc-sel */ D, y.variables.linkColor),
-            prisma: (0, Y.css)([ "& > ", "{background-color:", ";font-weight:", ";}" ], /* sc-sel */ D, y.variables.interactiveColorOverlaySelected, y.variables.fontWeightBold)
+        false: (0, y.css)([ "&:focus{& > ", "{box-shadow:", ";}}" ], /* sc-sel */ m, d.variables.focusShadow)
+    }), (0, d.pickVariant)("$selected", {
+        true: (0, d.pick)({
+            enterprise: (0, y.css)([ "& > ", "{border-color:", ";}" ], /* sc-sel */ m, d.variables.linkColor),
+            prisma: (0, y.css)([ "& > ", "{background-color:", ";font-weight:", ";}" ], /* sc-sel */ m, d.variables.interactiveColorOverlaySelected, d.variables.fontWeightBold)
         }),
-        false: (0, y.pick)({
-            enterprise: (0, Y.css)([ "&:hover{& > ", "{background-color:", ";color:", ";}}" ], /* sc-sel */ D, y.variables.backgroundColorHover, y.variables.linkColor),
-            prisma: (0, Y.css)([ "&:hover{& > ", "{background-color:", ";}}" ], /* sc-sel */ D, y.variables.interactiveColorOverlayHover)
+        false: (0, d.pick)({
+            enterprise: (0, y.css)([ "&:hover{& > ", "{background-color:", ";color:", ";}}" ], /* sc-sel */ m, d.variables.backgroundColorHover, d.variables.linkColor),
+            prisma: (0, y.css)([ "&:hover{& > ", "{background-color:", ";}}" ], /* sc-sel */ m, d.variables.interactiveColorOverlayHover)
         })
     }));
     // CONCATENATED MODULE: ./src/Calendar/Day.tsx
-    function w() {
-        return w = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    function g() {
+        return g = Object.assign ? Object.assign.bind() : function(e) {
+            for (var a = 1; a < arguments.length; a++) {
+                var r = arguments[a];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        }, w.apply(null, arguments);
+        }, g.apply(null, arguments);
     }
-    function O(e, t) {
+    function M(e, a) {
         if (null == e) return {};
-        var r, n, a = S(e, t);
+        var r, t, n = D(e, a);
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < o.length; n++) {
-                r = o[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            var l = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < l.length; t++) {
+                r = l[t], a.includes(r) || {}.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
             }
         }
-        return a;
+        return n;
     }
-    function S(e, t) {
+    function D(e, a) {
         if (null == e) return {};
         var r = {};
-        for (var n in e) {
-            if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
-                r[n] = e[n];
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (a.includes(t)) continue;
+                r[t] = e[t];
             }
         }
         return r;
     }
-    var C = {
-        active: o().bool,
-        locale: o().string,
-        onClick: o().func,
-        onKeydown: o().func,
-        selected: o().bool,
-        today: o().bool,
-        value: o().string
+    var k = {
+        active: l().bool,
+        locale: l().string,
+        onClick: l().func,
+        onKeydown: l().func,
+        selected: l().bool,
+        today: l().bool,
+        value: l().string
     };
-    function j(e) {
-        var t = e.active, a = t === void 0 ? false : t, o = e.locale, i = o === void 0 ? "en_US" : o, l = e.onClick, u = e.onKeyDown, c = e.selected, s = c === void 0 ? false : c, f = e.today, v = f === void 0 ? false : f, p = e.value, y = O(e, [ "active", "locale", "onClick", "onKeyDown", "selected", "today", "value" ]);
+    function w(e) {
+        var a = e.active, n = a === void 0 ? false : a, l = e.locale, o = l === void 0 ? "en_US" : l, c = e.onClick, u = e.onKeyDown, s = e.selected, d = s === void 0 ? false : s, v = e.today, f = v === void 0 ? false : v, p = e.value, y = M(e, [ "active", "locale", "onClick", "onKeyDown", "selected", "today", "value" ]);
         var h = (0, r.useCallback)((function(e) {
             e.preventDefault();
-            l === null || l === void 0 ? void 0 : l(e, {
+            c === null || c === void 0 ? void 0 : c(e, {
                 value: p
             });
-        }), [ l, p ]);
-        var b = (0, r.useCallback)((function(e) {
+        }), [ c, p ]);
+        var D = (0, r.useCallback)((function(e) {
             e.preventDefault();
             u === null || u === void 0 ? void 0 : u(e, {
                 value: p
             });
         }), [ u, p ]);
-        var m = p && d()(p, "YYYY-MM-DD", i).format("D");
+        var k = p && i()(p, "YYYY-MM-DD", o).format("D");
         
-        return n().createElement(k, w({
-            tabIndex: a ? 0 : -1,
-            "aria-selected": s,
-            "data-test-day": m,
+        return t().createElement(b, g({
+            tabIndex: n ? 0 : -1,
+            "aria-selected": d,
+            "data-test-day": k,
             "data-test": "day-of-month",
-            "data-active-day": a,
-            "data-is-today": v,
+            "data-active-day": n,
+            "data-is-today": f,
             onClick: h,
-            onKeyDown: b,
-            $today: v,
-            $selected: s
-        }, y),  n().createElement(D, null,  n().createElement(M, null, m)));
+            onKeyDown: D,
+            $today: f,
+            $selected: d
+        }, y),  t().createElement(m, null,  t().createElement(Y, null, k)));
     }
-    j.propTypes = C;
-    /* harmony default export */    const x = j;
+    w.propTypes = k;
+    /* harmony default export */    const C = w;
     // CONCATENATED MODULE: ./src/Calendar/DateTableStyles.ts
-    var P = g().table.withConfig({
+    var S = h().table.withConfig({
         displayName: "DateTableStyles__Styled",
         componentId: "sc-1lbrjq0-0"
-    })([ "", ";table-layout:fixed;border-spacing:", ";width:", ";margin:", ";" ], y.mixins.reset("table"), (0, 
-    y.pick)({
+    })([ "", ";table-layout:fixed;border-spacing:", ";width:", ";margin:", ";" ], d.mixins.reset("table"), (0, 
+    d.pick)({
         enterprise: "3px",
-        prisma: y.variables.spacingSmall
-    }), (0, y.pick)({
+        prisma: d.variables.spacingSmall
+    }), (0, d.pick)({
         enterprise: "100%",
         prisma: "calc(100% + 16px)"
-    }), (0, y.pick)({
+    }), (0, d.pick)({
         enterprise: "0",
         prisma: "-8px"
     }));
-    var T = g().th.withConfig({
+    var O = h().th.withConfig({
         displayName: "DateTableStyles__StyledTableHeader",
         componentId: "sc-1lbrjq0-1"
-    })([ "", ";text-align:center;padding-bottom:", ";color:", ";font-size:", ";" ], y.mixins.reset("table-cell"), (0, 
-    y.pick)({
+    })([ "", ";text-align:center;padding-bottom:", ";color:", ";font-size:", ";" ], d.mixins.reset("table-cell"), (0, 
+    d.pick)({
         enterprise: "2px",
-        prisma: y.variables.spacingXSmall
-    }), y.variables.contentColorMuted, (0, y.pick)({
-        enterprise: y.variables.fontSizeSmall,
-        prisma: y.variables.fontSize
+        prisma: d.variables.spacingXSmall
+    }), d.variables.contentColorMuted, (0, d.pick)({
+        enterprise: d.variables.fontSizeSmall,
+        prisma: d.variables.fontSize
     }));
     // CONCATENATED MODULE: ./src/Calendar/DateTable.tsx
-    function _() {
-        return _ = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    function x() {
+        return x = Object.assign ? Object.assign.bind() : function(e) {
+            for (var a = 1; a < arguments.length; a++) {
+                var r = arguments[a];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        }, _.apply(null, arguments);
+        }, x.apply(null, arguments);
     }
-    function E(e, t) {
+    function E(e, a) {
         if (null == e) return {};
-        var r, n, a = I(e, t);
+        var r, t, n = I(e, a);
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < o.length; n++) {
-                r = o[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            var l = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < l.length; t++) {
+                r = l[t], a.includes(r) || {}.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
             }
         }
-        return a;
+        return n;
     }
-    function I(e, t) {
+    function I(e, a) {
         if (null == e) return {};
         var r = {};
-        for (var n in e) {
-            if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
-                r[n] = e[n];
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (a.includes(t)) continue;
+                r[t] = e[t];
             }
         }
         return r;
     }
-    var V = {
-        displayValue: o().string.isRequired,
-        highlightToday: o().bool,
-        labelledBy: o().string,
-        locale: o().string,
-        onChange: o().func,
-        onInternalChange: o().func,
-        selectedValue: o().string.isRequired,
-        todayValue: o().string
+    var _ = {
+        displayValue: l().string.isRequired,
+        highlightToday: l().bool,
+        labelledBy: l().string,
+        locale: l().string,
+        onChange: l().func,
+        onInternalChange: l().func,
+        selectedValue: l().string.isRequired,
+        todayValue: l().string
     };
-    function q(e) {
-        return p()(e, (function(e) {
+    function j(e) {
+        return s()(e, (function(e) {
             
-            return n().createElement("td", {
+            return t().createElement("td", {
                 key: "".concat(e)
             });
         }));
     }
-    function R(e) {
-        var t = e.displayValue, r = e.endDate, a = e.highlightToday, o = e.locale, i = e.onChange, l = e.onKeyDown, u = e.selectedDate, c = e.selectedValue, s = e.startDate, f = e.todayValue;
-        var v = d()(s).locale(o).startOf("month");
+    function q(e) {
+        var a = e.displayValue, r = e.endDate, n = e.highlightToday, l = e.locale, o = e.onChange, c = e.onKeyDown, u = e.selectedDate, s = e.selectedValue, d = e.startDate, v = e.todayValue;
+        var f = i()(d).locale(l).startOf("month");
         var p = [];
-        while (v.isSameOrBefore(r)) {
-            var y = v.format("YYYY-MM-DD");
-            var h = y === f;
-            var b = y === c;
-            var m = y === t;
-            p.push( n().createElement(x, {
+        while (f.isSameOrBefore(r)) {
+            var y = f.format("YYYY-MM-DD");
+            var h = y === v;
+            var Y = y === s;
+            var m = y === a;
+            p.push( t().createElement(C, {
                 key: y,
-                locale: o,
-                onClick: i,
-                onKeyDown: l,
+                locale: l,
+                onClick: o,
+                onKeyDown: c,
                 active: u ? m : h,
-                today: a && h,
+                today: n && h,
                 value: y,
-                selected: b
+                selected: Y
             }));
-            v.add(1, "day");
+            f.add(1, "day");
         }
         return p;
     }
-    function B(e) {
-        return e.reduce((function(e, t, r) {
-            var n = Math.floor(r / 7);
-            e[n].push(t);
+    function T(e) {
+        return e.reduce((function(e, a, r) {
+            var t = Math.floor(r / 7);
+            e[t].push(a);
             return e;
-        }), p()(7, (function() {
+        }), s()(7, (function() {
             return [];
-        }))).map((function(e, t) {
+        }))).map((function(e, a) {
             
             // eslint-disable-next-line react/no-array-index-key
-            return n().createElement("tr", {
-                key: "$week-".concat(t)
+            return t().createElement("tr", {
+                key: "$week-".concat(a)
             }, e);
         }));
     }
-    function F(e, t) {
+    function P(e, a) {
         
-        return n().createElement("thead", null,  n().createElement("tr", null, p()(7, (function(r) {
-            var a = d()().locale(e).weekday(r).format(t);
-            var o = d()().locale(e).weekday(r).format("dddd");
+        return t().createElement("thead", null,  t().createElement("tr", null, s()(7, (function(r) {
+            var n = i()().locale(e).weekday(r).format(a);
+            var l = i()().locale(e).weekday(r).format("dddd");
             
-            return n().createElement(T, {
-                key: a
-            },  n().createElement(m(), null, o),  n().createElement("span", {
+            return t().createElement(O, {
+                key: n
+            },  t().createElement(p(), null, l),  t().createElement("span", {
                 "aria-hidden": true
-            }, a));
+            }, n));
         }))));
     }
-    function N(e) {
-        var t = e.displayValue, r = e.highlightToday, a = r === void 0 ? false : r, o = e.labelledBy, i = e.locale, l = i === void 0 ? "en_US" : i, u = e.onChange, c = e.onInternalChange, s = e.selectedValue, f = e.todayValue, v = E(e, [ "displayValue", "highlightToday", "labelledBy", "locale", "onChange", "onInternalChange", "selectedValue", "todayValue" ]);
-        var p = (0, y.useSplunkTheme)(), b = p.family;
-        var m = b === "prisma" ? "dd" : "ddd";
-        var Y = d()(t, "YYYY-MM-DD", l);
-        var g = d()(s, "YYYY-MM-DD", l);
-        var M = d()(Y).startOf("month");
-        var D = d()(Y).endOf("month").startOf("day");
-        var k = function e(t, r) {
-            t.preventDefault();
-            u === null || u === void 0 ? void 0 : u(t, r);
+    function V(e) {
+        var a = e.displayValue, r = e.highlightToday, n = r === void 0 ? false : r, l = e.labelledBy, o = e.locale, c = o === void 0 ? "en_US" : o, u = e.onChange, s = e.onInternalChange, f = e.selectedValue, p = e.todayValue, y = E(e, [ "displayValue", "highlightToday", "labelledBy", "locale", "onChange", "onInternalChange", "selectedValue", "todayValue" ]);
+        var h = (0, d.useSplunkTheme)(), Y = h.family;
+        var m = Y === "prisma" ? "dd" : "ddd";
+        var b = i()(a, "YYYY-MM-DD", c);
+        var g = i()(f, "YYYY-MM-DD", c);
+        var M = i()(b).startOf("month");
+        var D = i()(b).endOf("month").startOf("day");
+        var k = function e(a, r) {
+            a.preventDefault();
+            u === null || u === void 0 ? void 0 : u(a, r);
         };
-        var w = function e(t, r) {
-            var n = r.value;
-            t.preventDefault();
-            c === null || c === void 0 ? void 0 : c(t, {
-                value: d()(n, "YYYY-MM-DD").add(-1, "d").format("YYYY-MM-DD")
+        var w = function e(a, r) {
+            var t = r.value;
+            a.preventDefault();
+            s === null || s === void 0 ? void 0 : s(a, {
+                value: i()(t, "YYYY-MM-DD").add(-1, "d").format("YYYY-MM-DD")
             });
         };
-        var O = function e(t, r) {
-            var n = r.value;
-            t.preventDefault();
-            c === null || c === void 0 ? void 0 : c(t, {
-                value: d()(n, "YYYY-MM-DD").add(1, "d").format("YYYY-MM-DD")
+        var C = function e(a, r) {
+            var t = r.value;
+            a.preventDefault();
+            s === null || s === void 0 ? void 0 : s(a, {
+                value: i()(t, "YYYY-MM-DD").add(1, "d").format("YYYY-MM-DD")
             });
         };
-        var S = function e(t, r) {
-            var n = r.value;
-            t.preventDefault();
-            c === null || c === void 0 ? void 0 : c(t, {
-                value: d()(n, "YYYY-MM-DD").add(-1, "w").format("YYYY-MM-DD")
+        var O = function e(a, r) {
+            var t = r.value;
+            a.preventDefault();
+            s === null || s === void 0 ? void 0 : s(a, {
+                value: i()(t, "YYYY-MM-DD").add(-1, "w").format("YYYY-MM-DD")
             });
         };
-        var C = function e(t, r) {
-            var n = r.value;
-            t.preventDefault();
-            c === null || c === void 0 ? void 0 : c(t, {
-                value: d()(n, "YYYY-MM-DD").add(1, "w").format("YYYY-MM-DD")
+        var I = function e(a, r) {
+            var t = r.value;
+            a.preventDefault();
+            s === null || s === void 0 ? void 0 : s(a, {
+                value: i()(t, "YYYY-MM-DD").add(1, "w").format("YYYY-MM-DD")
             });
         };
-        var j = function e(t, r) {
-            var n = r.value;
-            t.preventDefault();
-            c === null || c === void 0 ? void 0 : c(t, {
-                value: d()(n, "YYYY-MM-DD").add(-1, "M").format("YYYY-MM-DD")
+        var _ = function e(a, r) {
+            var t = r.value;
+            a.preventDefault();
+            s === null || s === void 0 ? void 0 : s(a, {
+                value: i()(t, "YYYY-MM-DD").add(-1, "M").format("YYYY-MM-DD")
             });
         };
-        var x = function e(t, r) {
-            var n = r.value;
-            t.preventDefault();
-            c === null || c === void 0 ? void 0 : c(t, {
-                value: d()(n, "YYYY-MM-DD").add(1, "M").format("YYYY-MM-DD")
+        var V = function e(a, r) {
+            var t = r.value;
+            a.preventDefault();
+            s === null || s === void 0 ? void 0 : s(a, {
+                value: i()(t, "YYYY-MM-DD").add(1, "M").format("YYYY-MM-DD")
             });
         };
-        var T = function e(t, r) {
-            var n = r.value;
-            t.preventDefault();
-            c === null || c === void 0 ? void 0 : c(t, {
-                value: d()(n, "YYYY-MM-DD").add(-1, "y").format("YYYY-MM-DD")
+        var B = function e(a, r) {
+            var t = r.value;
+            a.preventDefault();
+            s === null || s === void 0 ? void 0 : s(a, {
+                value: i()(t, "YYYY-MM-DD").add(-1, "y").format("YYYY-MM-DD")
             });
         };
-        var I = function e(t, r) {
-            var n = r.value;
-            t.preventDefault();
-            c === null || c === void 0 ? void 0 : c(t, {
-                value: d()(n, "YYYY-MM-DD").add(1, "y").format("YYYY-MM-DD")
+        var R = function e(a, r) {
+            var t = r.value;
+            a.preventDefault();
+            s === null || s === void 0 ? void 0 : s(a, {
+                value: i()(t, "YYYY-MM-DD").add(1, "y").format("YYYY-MM-DD")
             });
         };
-        var V = function e(t, r) {
-            var n = r.value;
-            t.preventDefault();
-            c === null || c === void 0 ? void 0 : c(t, {
-                value: d()(n, "YYYY-MM-DD").startOf("week").format("YYYY-MM-DD")
+        var z = function e(a, r) {
+            var t = r.value;
+            a.preventDefault();
+            s === null || s === void 0 ? void 0 : s(a, {
+                value: i()(t, "YYYY-MM-DD").startOf("week").format("YYYY-MM-DD")
             });
         };
-        var N = function e(t, r) {
-            var n = r.value;
-            t.preventDefault();
-            c === null || c === void 0 ? void 0 : c(t, {
-                value: d()(n, "YYYY-MM-DD").endOf("week").format("YYYY-MM-DD")
+        var A = function e(a, r) {
+            var t = r.value;
+            a.preventDefault();
+            s === null || s === void 0 ? void 0 : s(a, {
+                value: i()(t, "YYYY-MM-DD").endOf("week").format("YYYY-MM-DD")
             });
         };
-        var z = function e(t, r) {
-            var n = (0, h.keycode)(t.nativeEvent);
-            switch (n) {
+        var N = function e(a, r) {
+            var t = (0, v.keycode)(a.nativeEvent);
+            switch (t) {
               case "enter":
               case "space":
-                k(t, r);
+                k(a, r);
                 break;
 
               case "up":
-                S(t, r);
+                O(a, r);
                 break;
 
               case "down":
-                C(t, r);
+                I(a, r);
                 break;
 
               case "left":
-                w(t, r);
+                w(a, r);
                 break;
 
               case "right":
-                O(t, r);
+                C(a, r);
                 break;
 
               case "page up":
-                if (t.shiftKey) {
-                    T(t, r);
+                if (a.shiftKey) {
+                    B(a, r);
                 } else {
-                    j(t, r);
+                    _(a, r);
                 }
                 break;
 
               case "page down":
-                if (t.shiftKey) {
-                    I(t, r);
+                if (a.shiftKey) {
+                    R(a, r);
                 } else {
-                    x(t, r);
+                    V(a, r);
                 }
                 break;
 
               case "home":
-                V(t, r);
+                z(a, r);
                 break;
 
               case "end":
-                N(t, r);
+                A(a, r);
                 break;
 
               default:
  // do nothing
                         }
         };
-        var H = q(M.format("e")).concat(R({
-            displayValue: t,
+        var K = j(M.format("e")).concat(q({
+            displayValue: a,
             endDate: D,
-            highlightToday: a,
-            locale: l,
+            highlightToday: n,
+            locale: c,
             onChange: u,
-            onKeyDown: z,
+            onKeyDown: N,
             selectedDate: g,
-            selectedValue: s,
+            selectedValue: f,
             startDate: M,
-            todayValue: f
-        })).concat(q(6 - D.format("e")));
+            todayValue: p
+        })).concat(j(6 - D.format("e")));
         
-        return n().createElement(P, _({
+        return t().createElement(S, x({
             role: "grid",
-            "aria-labelledby": o
-        }, v), F(l, m),  n().createElement("tbody", null, B(H)));
+            "aria-labelledby": l
+        }, y), P(c, m),  t().createElement("tbody", null, T(K)));
     }
-    N.propTypes = V;
-    /* harmony default export */    const z = N;
+    V.propTypes = _;
+    /* harmony default export */    const B = V;
+    // CONCATENATED MODULE: external "lodash/omit"
+    const R = require("lodash/omit");
+    var z =  e.n(R);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronLeft"
-    const H = require("@splunk/react-icons/ChevronLeft");
-    var K =  e.n(H);
+    const A = require("@splunk/react-icons/ChevronLeft");
+    var N =  e.n(A);
     // CONCATENATED MODULE: external "@splunk/react-icons/ChevronRight"
-    const A = require("@splunk/react-icons/ChevronRight");
-    var U =  e.n(A);
+    const K = require("@splunk/react-icons/ChevronRight");
+    var H =  e.n(K);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronLeft"
     const $ = require("@splunk/react-icons/enterprise/ChevronLeft");
-    var L =  e.n($);
+    var U =  e.n($);
     // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/ChevronRight"
-    const W = require("@splunk/react-icons/enterprise/ChevronRight");
-    var X =  e.n(W);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
-    const G = require("@splunk/react-ui/Button");
-    var J =  e.n(G);
+    const L = require("@splunk/react-icons/enterprise/ChevronRight");
+    var W =  e.n(L);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const Q = require("@splunk/ui-utils/i18n");
+    const X = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+    const F = require("@splunk/react-ui/Button");
+    var G =  e.n(F);
     // CONCATENATED MODULE: ./src/Calendar/MonthHeaderStyles.ts
-    var Z = g().div.withConfig({
+    var J = h().div.withConfig({
         displayName: "MonthHeaderStyles__StyledBox",
         componentId: "sc-18bmbh7-0"
-    })([ "display:flex;position:relative;line-height:", ";padding:0 2px;margin-bottom:10px;" ], y.variables.inputHeight);
-    var ee = g().span.withConfig({
+    })([ "display:flex;position:relative;line-height:", ";padding:0 2px;margin-bottom:10px;" ], d.variables.inputHeight);
+    var Q = h().span.withConfig({
         displayName: "MonthHeaderStyles__StyledHeading",
         componentId: "sc-18bmbh7-1"
     })([ "display:block;text-align:center;text-transform:", ";flex:1 0 1px;", ";" ], (0, 
-    y.pick)({
+    d.pick)({
         enterprise: "capitalize",
         prisma: "uppercase"
-    }), (0, y.pick)({
-        prisma: (0, Y.css)([ "font-size:20px;font-weight:bold;color:", ";" ], y.variables.contentColorActive)
+    }), (0, d.pick)({
+        prisma: (0, y.css)([ "font-size:20px;font-weight:bold;color:", ";" ], d.variables.contentColorActive)
     }));
+    var Z = h()(G()).withConfig({
+        displayName: "MonthHeaderStyles__StyledButton",
+        componentId: "sc-18bmbh7-2"
+    })([ "flex:0 0 auto;" ]);
     // CONCATENATED MODULE: ./src/Calendar/MonthHeader.tsx
-    function te(e) {
-        "@babel/helpers - typeof";
-        return te = "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;
-        }, te(e);
-    }
-    function re(e, t) {
+    function ee(e, a) {
         if (null == e) return {};
-        var r, n, a = ne(e, t);
+        var r, t, n = ae(e, a);
         if (Object.getOwnPropertySymbols) {
-            var o = Object.getOwnPropertySymbols(e);
-            for (n = 0; n < o.length; n++) {
-                r = o[n], t.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+            var l = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < l.length; t++) {
+                r = l[t], a.includes(r) || {}.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
             }
         }
-        return a;
+        return n;
     }
-    function ne(e, t) {
+    function ae(e, a) {
         if (null == e) return {};
         var r = {};
-        for (var n in e) {
-            if ({}.hasOwnProperty.call(e, n)) {
-                if (t.includes(n)) continue;
-                r[n] = e[n];
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (a.includes(t)) continue;
+                r[t] = e[t];
             }
         }
         return r;
     }
-    function ae(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
-    }
-    function oe(e, t) {
-        for (var r = 0; r < t.length; r++) {
-            var n = t[r];
-            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-            Object.defineProperty(e, ye(n.key), n);
-        }
-    }
-    function ie(e, t, r) {
-        return t && oe(e.prototype, t), r && oe(e, r), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
-    }
-    function le(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
-            }
-        }), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), t && ue(e, t);
-    }
-    function ue(e, t) {
-        return ue = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
-            return e.__proto__ = t, e;
-        }, ue(e, t);
-    }
-    function ce(e) {
-        var t = fe();
-        return function() {
-            var r, n = ve(e);
-            if (t) {
-                var a = ve(this).constructor;
-                r = Reflect.construct(n, arguments, a);
-            } else r = n.apply(this, arguments);
-            return se(this, r);
-        };
-    }
-    function se(e, t) {
-        if (t && ("object" == te(t) || "function" == typeof t)) return t;
-        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return de(e);
-    }
-    function de(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
-    }
-    function fe() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (fe = function t() {
-            return !!e;
-        })();
-    }
-    function ve(e) {
-        return ve = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, ve(e);
-    }
-    function pe(e, t, r) {
-        return (t = ye(t)) in e ? Object.defineProperty(e, t, {
-            value: r,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[t] = r, e;
-    }
-    function ye(e) {
-        var t = he(e, "string");
-        return "symbol" == te(t) ? t : t + "";
-    }
-    function he(e, t) {
-        if ("object" != te(e) || !e) return e;
-        var r = e[Symbol.toPrimitive];
-        if (void 0 !== r) {
-            var n = r.call(e, t || "default");
-            if ("object" != te(n)) return n;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
-        }
-        return ("string" === t ? String : Number)(e);
-    }
-    var be = {
-        headingId: o().string,
-        locale: o().string,
-        onChange: o().func,
-        /** @private */
-        splunkTheme: o().object,
-        value: o().string.isRequired
-    };
-    var me = {
-        locale: "en_US"
+    var re = {
+        headingId: l().string,
+        locale: l().string,
+        onChange: l().func,
+        value: l().string.isRequired
     };
-    var Ye =  function(e) {
-        le(r, e);
-        var t = ce(r);
-        function r() {
-            var e;
-            ae(this, r);
-            for (var n = arguments.length, a = new Array(n), o = 0; o < n; o++) {
-                a[o] = arguments[o];
-            }
-            e = t.call.apply(t, [ this ].concat(a));
-            pe(de(e), "handlePrevMonthClick", (function(t) {
-                e.handleChange(t, -1);
-            }));
-            pe(de(e), "handleNextMonthClick", (function(t) {
-                e.handleChange(t, 1);
-            }));
-            return e;
-        }
-        ie(r, [ {
-            key: "handleChange",
-            value: function e(t, r) {
-                var n, a;
-                t.stopPropagation();
-                var o = d()(this.props.value, "YYYY-MM-DD").add(r, "M").format("YYYY-MM-DD");
-                (n = (a = this.props).onChange) === null || n === void 0 ? void 0 : n.call(a, t, {
-                    value: o
-                });
-            }
-        }, {
-            key: "render",
-            value: function e() {
-                var t = this.props, a = t.headingId, o = t.locale, i = t.value, l = t.splunkTheme, u = re(t, [ "headingId", "locale", "value", "splunkTheme" ]);
-                var s = l.isEnterprise, f = l.isPrisma;
-                var v = d()(i, "YYYY-MM-DD", o);
-                var p = v.format(r.getMonthYearFormat(o, f));
-                var h = {
-                    flex: "0 0 auto"
-                };
-                var b = (0, Q._)("Previous month");
-                var m = (0, Q._)("Next month");
-                
-                return n().createElement(y.SplunkThemeProvider, {
-                    density: f ? "comfortable" : l.density
-                },  n().createElement(Z, c()(u, "onChange"),  n().createElement(J(), {
-                    appearance: "subtle",
-                    icon: s ?  n().createElement(L(), {
-                        hideDefaultTooltip: true,
-                        screenReaderText: b,
-                        size: 1
-                    }) :  n().createElement(K(), {
-                        "aria-label": b,
-                        height: "24",
-                        width: "24"
-                    }),
-                    "data-test": "previous-month",
-                    onClick: this.handlePrevMonthClick,
-                    style: h
-                }),  n().createElement(ee, {
-                    id: a,
-                    "data-test": "header-label"
-                }, p),  n().createElement(J(), {
-                    appearance: "subtle",
-                    icon: s ?  n().createElement(X(), {
-                        hideDefaultTooltip: true,
-                        screenReaderText: m,
-                        size: 1
-                    }) :  n().createElement(U(), {
-                        "aria-label": m,
-                        height: "24",
-                        width: "24"
-                    }),
-                    "data-test": "next-month",
-                    onClick: this.handleNextMonthClick,
-                    style: h
-                })));
-            }
-        } ], [ {
-            key: "getMonthYearFormat",
-            value: function e(t) {
-                var n = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-                var a = t.toLowerCase().replace("_", "-");
-                return n ? r.monthYearFormatsShortForm[a] || 
-                // full locale match
-                r.monthYearFormatsShortForm[a.substr(0, 2)] || 
-                // language match
-                r.monthYearFormatsShortForm["default"] : r.monthYearFormats[a] || 
-                // full locale match
-                r.monthYearFormats[a.substr(0, 2)] || 
-                // language match
-                r.monthYearFormats["default"];
- // default
-                        }
-        } ]);
-        return r;
-    }(r.Component);
-    pe(Ye, "propTypes", be);
-    pe(Ye, "defaultProps", me);
-    pe(Ye, "monthYearFormats", {
+    var te = {
         default: "MMMM YYYY",
         ja: "YYYY年MMM",
         ko: "YYYY년 MMMM",
         "zh-cn": "YYYY年MMM",
         "zh-tw": "YYYY年MMM"
-    });
-    pe(Ye, "monthYearFormatsShortForm", {
+    };
+    var ne = {
         default: "MMM YYYY",
         ja: "YYYY年 MMM",
         ko: "YYYY년 MMMM",
         "zh-cn": "YYYY年 MMM",
         "zh-tw": "YYYY年 MMM"
-    });
-    var ge = (0, y.withSplunkTheme)(Ye);
-    ge.propTypes = Ye.propTypes;
-    /* harmony default export */    const Me = ge;
+    };
+    function le(e) {
+        var a = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+        var r = e.toLowerCase().replace("_", "-");
+        return a ? ne[r] || 
+        // full locale match
+        ne[r.substr(0, 2)] || 
+        // language match
+        ne["default"] : te[r] || 
+        // full locale match
+        te[r.substr(0, 2)] || 
+        // language match
+        te["default"];
+ // default
+        }
+    function oe(e) {
+        var a = e.headingId, n = e.locale, l = n === void 0 ? "en_US" : n, o = e.onChange, c = e.value, u = ee(e, [ "headingId", "locale", "onChange", "value" ]);
+        var s = (0, d.useSplunkTheme)(), v = s.isEnterprise, f = s.isPrisma, p = s.density;
+        var y = (0, r.useCallback)((function(e, a) {
+            e.stopPropagation();
+            var r = i()(c, "YYYY-MM-DD").add(a, "M").format("YYYY-MM-DD");
+            o === null || o === void 0 ? void 0 : o(e, {
+                value: r
+            });
+        }), [ o, c ]);
+        var h = (0, r.useCallback)((function(e) {
+            y(e, -1);
+        }), [ y ]);
+        var Y = (0, r.useCallback)((function(e) {
+            y(e, 1);
+        }), [ y ]);
+        var m = i()(c, "YYYY-MM-DD", l);
+        var b = m.format(le(l, f));
+        var g = (0, X._)("Previous month");
+        var M = (0, X._)("Next month");
+        
+        return t().createElement(d.SplunkThemeProvider, {
+            density: f ? "comfortable" : p
+        },  t().createElement(J, z()(u, "onChange"),  t().createElement(Z, {
+            appearance: "subtle",
+            icon: v ?  t().createElement(U(), {
+                hideDefaultTooltip: true,
+                screenReaderText: g,
+                size: 1
+            }) :  t().createElement(N(), {
+                "aria-label": g,
+                height: "24",
+                width: "24"
+            }),
+            "data-test": "previous-month",
+            onClick: h
+        }),  t().createElement(Q, {
+            id: a,
+            "data-test": "header-label"
+        }, b),  t().createElement(Z, {
+            appearance: "subtle",
+            icon: v ?  t().createElement(W(), {
+                hideDefaultTooltip: true,
+                screenReaderText: M,
+                size: 1
+            }) :  t().createElement(H(), {
+                "aria-label": M,
+                height: "24",
+                width: "24"
+            }),
+            "data-test": "next-month",
+            onClick: Y
+        })));
+    }
+    oe.propTypes = re;
+    /* harmony default export */    const ie = oe;
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const De = require("@splunk/react-ui/Box");
-    var ke =  e.n(De);
+    const ce = require("@splunk/react-ui/Box");
+    var ue =  e.n(ce);
     // CONCATENATED MODULE: ./src/Calendar/CalendarStyles.ts
-    var we = g()(ke()).withConfig({
+    var se = h()(ue()).withConfig({
         displayName: "CalendarStyles__StyledBox",
         componentId: "sc-18925wt-0"
-    })([ "width:", ";padding:", ";" ], (0, y.pick)({
+    })([ "width:", ";padding:", ";" ], (0, d.pick)({
         enterprise: "220px",
         prisma: "332px"
-    }), (0, y.pick)({
+    }), (0, d.pick)({
         enterprise: "8px",
-        prisma: y.variables.spacingLarge
+        prisma: d.variables.spacingLarge
     }));
     // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
     /**
@@ -802,266 +674,198 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-    function Oe(e, t) {
+    function de(e, a) {
         if (e) {
             if (typeof e === "function") {
-                e(t);
+                e(a);
             } 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 = a;
  // eslint-disable-line no-param-reassign
                         }
         }
     }
     // CONCATENATED MODULE: ./src/Calendar/Calendar.tsx
-    function Se(e) {
-        "@babel/helpers - typeof";
-        return Se = "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;
-        }, Se(e);
-    }
-    function Ce() {
-        return Ce = Object.assign ? Object.assign.bind() : function(e) {
-            for (var t = 1; t < arguments.length; t++) {
-                var r = arguments[t];
-                for (var n in r) {
-                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
+    function ve() {
+        return ve = Object.assign ? Object.assign.bind() : function(e) {
+            for (var a = 1; a < arguments.length; a++) {
+                var r = arguments[a];
+                for (var t in r) {
+                    ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
                 }
             }
             return e;
-        }, Ce.apply(null, arguments);
+        }, ve.apply(null, arguments);
     }
-    function je(e, t) {
-        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
+    function fe(e, a) {
+        return me(e) || Ye(e, a) || ye(e, a) || pe();
     }
-    function xe(e, t) {
-        for (var r = 0; r < t.length; r++) {
-            var n = t[r];
-            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
-            Object.defineProperty(e, Fe(n.key), n);
-        }
+    function pe() {
+        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 Pe(e, t, r) {
-        return t && xe(e.prototype, t), r && xe(e, r), Object.defineProperty(e, "prototype", {
-            writable: !1
-        }), e;
+    function ye(e, a) {
+        if (e) {
+            if ("string" == typeof e) return he(e, a);
+            var r = {}.toString.call(e).slice(8, -1);
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? he(e, a) : void 0;
+        }
     }
-    function Te(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 he(e, a) {
+        (null == a || a > e.length) && (a = e.length);
+        for (var r = 0, t = Array(a); r < a; r++) {
+            t[r] = e[r];
+        }
+        return t;
+    }
+    function Ye(e, a) {
+        var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
+        if (null != r) {
+            var t, n, l, o, i = [], c = !0, u = !1;
+            try {
+                if (l = (r = r.call(e)).next, 0 === a) {
+                    if (Object(r) !== r) return;
+                    c = !1;
+                } else for (;!(c = (t = l.call(r)).done) && (i.push(t.value), i.length !== a); c = !0) {
+                }
+            } catch (e) {
+                u = !0, n = e;
+            } finally {
+                try {
+                    if (!c && null != r["return"] && (o = r["return"](), Object(o) !== o)) return;
+                } finally {
+                    if (u) throw n;
+                }
             }
-        }), 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 Ee(e) {
-        var t = qe();
-        return function() {
-            var r, n = Re(e);
-            if (t) {
-                var a = Re(this).constructor;
-                r = Reflect.construct(n, arguments, a);
-            } else r = n.apply(this, arguments);
-            return Ie(this, r);
-        };
-    }
-    function Ie(e, t) {
-        if (t && ("object" == Se(t) || "function" == typeof t)) return t;
-        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
-        return Ve(e);
-    }
-    function Ve(e) {
-        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        return e;
-    }
-    function qe() {
-        try {
-            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
-        } catch (e) {}
-        return (qe = function t() {
-            return !!e;
-        })();
-    }
-    function Re(e) {
-        return Re = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        }, Re(e);
+            return i;
+        }
     }
-    function Be(e, t, r) {
-        return (t = Fe(t)) in e ? Object.defineProperty(e, t, {
-            value: r,
-            enumerable: !0,
-            configurable: !0,
-            writable: !0
-        }) : e[t] = r, e;
+    function me(e) {
+        if (Array.isArray(e)) return e;
     }
-    function Fe(e) {
-        var t = Ne(e, "string");
-        return "symbol" == Se(t) ? t : t + "";
+    function be(e, a) {
+        if (null == e) return {};
+        var r, t, n = ge(e, a);
+        if (Object.getOwnPropertySymbols) {
+            var l = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < l.length; t++) {
+                r = l[t], a.includes(r) || {}.propertyIsEnumerable.call(e, r) && (n[r] = e[r]);
+            }
+        }
+        return n;
     }
-    function Ne(e, t) {
-        if ("object" != Se(e) || !e) return e;
-        var r = e[Symbol.toPrimitive];
-        if (void 0 !== r) {
-            var n = r.call(e, t || "default");
-            if ("object" != Se(n)) return n;
-            throw new TypeError("@@toPrimitive must return a primitive value.");
+    function ge(e, a) {
+        if (null == e) return {};
+        var r = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (a.includes(t)) continue;
+                r[t] = e[t];
+            }
         }
-        return ("string" === t ? String : Number)(e);
+        return r;
     }
-    var ze = '[data-active-day="true"]';
-    var He = {
-        describedBy: o().string,
-        highlightToday: o().bool,
-        labelledBy: o().string,
-        locale: o().string,
-        onChange: o().func,
+    var Me = '[data-active-day="true"]';
+    var De = {
+        describedBy: l().string,
+        highlightToday: l().bool,
+        labelledBy: l().string,
+        locale: l().string,
+        mockDate: l().string,
+        onChange: l().func,
         /** @private. */
-        required: o().bool,
-        value: o().string,
-        elementRef: o().oneOfType([ o().func, o().object ])
+        required: l().bool,
+        value: l().string,
+        elementRef: l().oneOfType([ l().func, l().object ])
     };
-    var Ke = {
-        locale: "en_US",
-        value: d()().format("YYYY-MM-DD")
+    var ke = function e(a) {
+        return i()().locale(a).format("YYYY-MM-DD");
     };
-    var Ae =  function(e) {
-        Te(r, e);
-        var t = Ee(r);
-        function r(e) {
-            var a;
-            je(this, r);
-            a = t.call(this, e);
-            Be(Ve(a), "monthHeaderId", void 0);
-            Be(Ve(a), "todayTimerId", void 0);
-            Be(Ve(a), "calendarRef", void 0);
-            Be(Ve(a), "handleMonthChange", (function(e, t) {
-                var r = t.value;
-                a.setState({
-                    internalValue: r,
-                    source: "month"
-                });
-            }));
-            Be(Ve(a), "handleDayChange", (function(e, t) {
-                var r = t.value;
-                a.setState({
-                    internalValue: r,
-                    source: "day"
-                });
-            }));
-            Be(Ve(a), "handleCalendarMount", (function(e) {
-                Oe(a.calendarRef, e);
-                Oe(a.props.elementRef, e);
-            }));
-            a.state = {
-                internalValue: e.value,
-                todayValue: a.getToday(),
-                source: null
-            };
-            a.monthHeaderId = (0, f.createDOMID)("header");
-            a.calendarRef =  n().createRef();
-            if (false) {}
-            return a;
+    var we = function e(a) {
+        if (!moment(a, "YYYY-MM-DD").isValid()) {
+            return new Error("Invalid value prop ".concat(a, " passed to Calendar. value must be a string date formatted 'YYYY-MM-DD'."));
         }
-        Pe(r, [ {
-            key: "componentDidMount",
-            value: function e() {
-                var t = this;
-                this.todayTimerId = setInterval((function() {
-                    var e = t.getToday();
-                    if (e !== t.state.todayValue) {
-                        t.setState({
-                            todayValue: e
-                        });
+        return null;
+    };
+    /**
+ * Place focus on the active day.
+ */    var Ce = function e(a) {
+        var r;
+        var t = a === null || a === void 0 ? void 0 : (r = a.current) === null || r === void 0 ? void 0 : r.querySelector(Me);
+        t === null || t === void 0 ? void 0 : t.focus();
+    };
+    function Se(e) {
+        var a = e.describedBy, n = e.elementRef, l = e.highlightToday, o = e.labelledBy, u = e.locale, s = u === void 0 ? "en_US" : u, d = e.mockDate, v = e.onChange, f = e.required, p = e.value, y = p === void 0 ? i()().format("YYYY-MM-DD") : p, h = be(e, [ "describedBy", "elementRef", "highlightToday", "labelledBy", "locale", "mockDate", "onChange", "required", "value" ]);
+        var Y = (0, r.useState)(y), m = fe(Y, 2), b = m[0], g = m[1];
+        var M = (0, r.useState)(d || ke(s)), D = fe(M, 2), k = D[0], w = D[1];
+        var C = (0, r.useState)(null), S = fe(C, 2), O = S[0], x = S[1];
+        var E = (0, r.useRef)((0, c.createDOMID)("header"));
+        var I = (0, r.useRef)();
+        (0, r.useEffect)((function() {
+            if (false) {}
+        }), [ y ]);
+        (0, r.useEffect)((function() {
+            if (!d) {
+                var e = setInterval((function() {
+                    var e = ke(s);
+                    if (e !== k) {
+                        w(e);
                     }
                 }), 1e3);
+                return function() {
+                    if (e !== undefined) {
+                        clearInterval(e);
+                    }
+                };
             }
-        }, {
-            key: "componentWillUnmount",
-            value: function e() {
-                if (this.todayTimerId !== undefined) {
-                    clearInterval(this.todayTimerId);
-                }
-            }
-        }, {
-            key: "componentDidUpdate",
-            value: function e(t, r) {
-                if (false) {}
-                if (this.state.internalValue !== r.internalValue && this.state.source === "day") {
-                    this.focusActiveDay();
-                }
-            }
-            /**
-     * Place focus on the active day.
-     */        }, {
-            key: "focusActiveDay",
-            value: function e() {
-                var t, r;
-                var n = (t = this.calendarRef) === null || t === void 0 ? void 0 : (r = t.current) === null || r === void 0 ? void 0 : r.querySelector(ze);
-                n === null || n === void 0 ? void 0 : n.focus();
-            }
-        }, {
-            key: "getToday",
-            value: function e() {
-                var t = d()().locale(this.props.locale).format("YYYY-MM-DD");
-                return t;
-            }
-        }, {
-            key: "render",
-            value: function e() {
-                var t = this.props, a = t.describedBy, o = t.highlightToday, i = t.labelledBy, u = t.locale, s = t.onChange, d = t.required, f = t.value;
-                var v = this.state, p = v.internalValue, y = v.todayValue;
-                
-                return n().createElement(we, Ce({
-                    inline: true,
-                    "aria-labelledby": i,
-                    "aria-describedby": a,
-                    "aria-required": d,
-                    "data-test": "calendar"
-                }, c()(this.props, l()(r.propTypes)), {
-                    elementRef: this.handleCalendarMount
-                }),  n().createElement(Me, {
-                    headingId: this.monthHeaderId,
-                    locale: u,
-                    onChange: this.handleMonthChange,
-                    value: p
-                }),  n().createElement(z, {
-                    displayValue: p,
-                    highlightToday: o,
-                    labelledBy: this.monthHeaderId,
-                    locale: u,
-                    onChange: s,
-                    onInternalChange: this.handleDayChange,
-                    selectedValue: f,
-                    todayValue: y
-                }));
-            }
-        } ], [ {
-            key: "validateValue",
-            value: function e(t) {
-                if (!d()(t, "YYYY-MM-DD").isValid()) {
-                    return new Error("Invalid value prop ".concat(t, " passed to Calendar. value must be a string date formatted 'YYYY-MM-DD'."));
-                }
-                return null;
+            return undefined;
+        }), [ s, d, k ]);
+        (0, r.useEffect)((function() {
+            if (O === "day") {
+                Ce(I);
             }
-        } ]);
-        return r;
-    }(r.Component);
-    Be(Ae, "propTypes", He);
-    Be(Ae, "defaultProps", Ke);
-    /* harmony default export */    const Ue = Ae;
+        }), [ b, O ]);
+        var _ = (0, r.useCallback)((function(e, a) {
+            var r = a.value;
+            g(r);
+            x("month");
+        }), []);
+        var j = (0, r.useCallback)((function(e, a) {
+            var r = a.value;
+            g(r);
+            x("day");
+        }), []);
+        var q = (0, r.useCallback)((function(e) {
+            de(I, e);
+            de(n, e);
+        }), [ n ]);
+        
+        return t().createElement(se, ve({
+            inline: true,
+            "aria-labelledby": o,
+            "aria-describedby": a,
+            "aria-required": f,
+            "data-test": "calendar"
+        }, h, {
+            elementRef: q
+        }),  t().createElement(ie, {
+            headingId: E.current,
+            locale: s,
+            onChange: _,
+            value: b
+        }),  t().createElement(B, {
+            displayValue: b,
+            highlightToday: l,
+            labelledBy: E.current,
+            locale: s,
+            onChange: v,
+            onInternalChange: j,
+            selectedValue: y,
+            todayValue: k
+        }));
+    }
+    Se.propTypes = De;
+    /* harmony default export */    const Oe = Se;
     // CONCATENATED MODULE: ./src/Calendar/index.ts
-    module.exports = t;
+    module.exports = a;
     /******/})();