superdesk-ui-framework 4.1.3 → 4.1.5

package/dist/superdesk-ui.bundle.js

@@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 1089);
+/******/ 	return __webpack_require__(__webpack_require__.s = 1090);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -6031,52 +6031,52 @@ var TimePicker_1 = __webpack_require__(143);
 Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.TimePicker; } });
 var TimePickerV2_1 = __webpack_require__(410);
 Object.defineProperty(exports, "TimePickerV2", { enumerable: true, get: function () { return TimePickerV2_1.TimePickerV2; } });
-var FormLabel_1 = __webpack_require__(757);
+var FormLabel_1 = __webpack_require__(758);
 Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
-var Switch_1 = __webpack_require__(758);
+var Switch_1 = __webpack_require__(759);
 Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return Switch_1.Switch; } });
-var SwitchGroup_1 = __webpack_require__(759);
+var SwitchGroup_1 = __webpack_require__(760);
 Object.defineProperty(exports, "SwitchGroup", { enumerable: true, get: function () { return SwitchGroup_1.SwitchGroup; } });
 var ButtonGroup_1 = __webpack_require__(144);
 Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
 var Loader_1 = __webpack_require__(133);
 Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
-var RadioGroup_1 = __webpack_require__(760);
+var RadioGroup_1 = __webpack_require__(761);
 Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
-var Checkbox_1 = __webpack_require__(761);
+var Checkbox_1 = __webpack_require__(762);
 Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
 var RadioButtonGroup_1 = __webpack_require__(391);
 Object.defineProperty(exports, "RadioButtonGroup", { enumerable: true, get: function () { return RadioButtonGroup_1.RadioButtonGroup; } });
-var CheckboxButton_1 = __webpack_require__(762);
+var CheckboxButton_1 = __webpack_require__(763);
 Object.defineProperty(exports, "CheckboxButton", { enumerable: true, get: function () { return CheckboxButton_1.CheckboxButton; } });
-var CheckGroup_1 = __webpack_require__(763);
+var CheckGroup_1 = __webpack_require__(764);
 Object.defineProperty(exports, "CheckGroup", { enumerable: true, get: function () { return CheckGroup_1.CheckGroup; } });
-var CheckButtonGroup_1 = __webpack_require__(764);
+var CheckButtonGroup_1 = __webpack_require__(765);
 Object.defineProperty(exports, "CheckButtonGroup", { enumerable: true, get: function () { return CheckButtonGroup_1.CheckButtonGroup; } });
-var NavButton_1 = __webpack_require__(765);
+var NavButton_1 = __webpack_require__(766);
 Object.defineProperty(exports, "NavButton", { enumerable: true, get: function () { return NavButton_1.NavButton; } });
-var TabList_1 = __webpack_require__(766);
+var TabList_1 = __webpack_require__(767);
 Object.defineProperty(exports, "Tab", { enumerable: true, get: function () { return TabList_1.Tab; } });
 Object.defineProperty(exports, "TabList", { enumerable: true, get: function () { return TabList_1.TabList; } });
-var LeftMenu_1 = __webpack_require__(767);
+var LeftMenu_1 = __webpack_require__(768);
 Object.defineProperty(exports, "LeftMenu", { enumerable: true, get: function () { return LeftMenu_1.LeftMenu; } });
-var SubNav_1 = __webpack_require__(784);
+var SubNav_1 = __webpack_require__(785);
 Object.defineProperty(exports, "SubNav", { enumerable: true, get: function () { return SubNav_1.SubNav; } });
 Object.defineProperty(exports, "SubNavDivider", { enumerable: true, get: function () { return SubNav_1.SubNavDivider; } });
-var SlidingToolbar_1 = __webpack_require__(785);
+var SlidingToolbar_1 = __webpack_require__(786);
 Object.defineProperty(exports, "SlidingToolbar", { enumerable: true, get: function () { return SlidingToolbar_1.SlidingToolbar; } });
-var StrechBar_1 = __webpack_require__(786);
+var StrechBar_1 = __webpack_require__(787);
 Object.defineProperty(exports, "StrechBar", { enumerable: true, get: function () { return StrechBar_1.StrechBar; } });
-var PropsList_1 = __webpack_require__(787);
+var PropsList_1 = __webpack_require__(788);
 Object.defineProperty(exports, "PropsList", { enumerable: true, get: function () { return PropsList_1.PropsList; } });
 Object.defineProperty(exports, "Prop", { enumerable: true, get: function () { return PropsList_1.Prop; } });
 var Icon_1 = __webpack_require__(13);
 Object.defineProperty(exports, "Icon", { enumerable: true, get: function () { return Icon_1.Icon; } });
-var Divider_1 = __webpack_require__(788);
+var Divider_1 = __webpack_require__(789);
 Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return Divider_1.Divider; } });
 var ContentDivider_1 = __webpack_require__(390);
 Object.defineProperty(exports, "ContentDivider", { enumerable: true, get: function () { return ContentDivider_1.ContentDivider; } });
-var HeadingText_1 = __webpack_require__(789);
+var HeadingText_1 = __webpack_require__(790);
 Object.defineProperty(exports, "HeadingText", { enumerable: true, get: function () { return HeadingText_1.HeadingText; } });
 var DropdownFirst_1 = __webpack_require__(88);
 Object.defineProperty(exports, "DropdownFirst", { enumerable: true, get: function () { return DropdownFirst_1.DropdownFirst; } });
@@ -6088,26 +6088,26 @@ var DropdownFirst_4 = __webpack_require__(88);
 Object.defineProperty(exports, "DropdownDivider", { enumerable: true, get: function () { return DropdownFirst_4.DropdownDivider; } });
 var Dropdown_1 = __webpack_require__(395);
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });
-var Tag_1 = __webpack_require__(790);
+var Tag_1 = __webpack_require__(791);
 Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return Tag_1.Tag; } });
 var TagInput_1 = __webpack_require__(411);
 Object.defineProperty(exports, "TagInput", { enumerable: true, get: function () { return TagInput_1.TagInput; } });
-var TabCustom_1 = __webpack_require__(793);
+var TabCustom_1 = __webpack_require__(794);
 Object.defineProperty(exports, "TabLabel", { enumerable: true, get: function () { return TabCustom_1.TabLabel; } });
 Object.defineProperty(exports, "TabPanel", { enumerable: true, get: function () { return TabCustom_1.TabPanel; } });
 Object.defineProperty(exports, "TabContent", { enumerable: true, get: function () { return TabCustom_1.TabContent; } });
 Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return TabCustom_1.Tabs; } });
-var EmptyState_1 = __webpack_require__(794);
+var EmptyState_1 = __webpack_require__(795);
 Object.defineProperty(exports, "EmptyState", { enumerable: true, get: function () { return EmptyState_1.EmptyState; } });
-var Autocomplete_1 = __webpack_require__(803);
+var Autocomplete_1 = __webpack_require__(804);
 Object.defineProperty(exports, "Autocomplete", { enumerable: true, get: function () { return Autocomplete_1.Autocomplete; } });
-var DonutChart_1 = __webpack_require__(807);
+var DonutChart_1 = __webpack_require__(808);
 Object.defineProperty(exports, "DonutChart", { enumerable: true, get: function () { return DonutChart_1.DonutChart; } });
-var Carousel_1 = __webpack_require__(811);
+var Carousel_1 = __webpack_require__(812);
 Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return Carousel_1.Carousel; } });
-var Modal_1 = __webpack_require__(814);
+var Modal_1 = __webpack_require__(815);
 Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
-var GridList_1 = __webpack_require__(817);
+var GridList_1 = __webpack_require__(818);
 Object.defineProperty(exports, "GridList", { enumerable: true, get: function () { return GridList_1.GridList; } });
 var GridItem_1 = __webpack_require__(138);
 Object.defineProperty(exports, "GridItem", { enumerable: true, get: function () { return GridItem_1.GridItem; } });
@@ -6123,29 +6123,29 @@ Object.defineProperty(exports, "GridItemFooterBlock", { enumerable: true, get: f
 Object.defineProperty(exports, "GridItemFooterActions", { enumerable: true, get: function () { return GridItem_1.GridItemFooterActions; } });
 Object.defineProperty(exports, "GridItemTopActions", { enumerable: true, get: function () { return GridItem_1.GridItemTopActions; } });
 Object.defineProperty(exports, "GridItemCheckWrapper", { enumerable: true, get: function () { return GridItem_1.GridItemCheckWrapper; } });
-var Toast_1 = __webpack_require__(818);
+var Toast_1 = __webpack_require__(819);
 Object.defineProperty(exports, "toasted", { enumerable: true, get: function () { return Toast_1.toasted; } });
-var Menu_1 = __webpack_require__(822);
+var Menu_1 = __webpack_require__(823);
 Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return Menu_1.Menu; } });
 var index_1 = __webpack_require__(412);
 Object.defineProperty(exports, "ToggleBox", { enumerable: true, get: function () { return index_1.ToggleBox; } });
 var SelectGrid_1 = __webpack_require__(396);
 Object.defineProperty(exports, "SelectGrid", { enumerable: true, get: function () { return SelectGrid_1.SelectGrid; } });
-var IconPicker_1 = __webpack_require__(830);
+var IconPicker_1 = __webpack_require__(831);
 Object.defineProperty(exports, "IconPicker", { enumerable: true, get: function () { return IconPicker_1.IconPicker; } });
-var ThemeSelector_1 = __webpack_require__(831);
+var ThemeSelector_1 = __webpack_require__(832);
 Object.defineProperty(exports, "ThemeSelector", { enumerable: true, get: function () { return ThemeSelector_1.ThemeSelector; } });
-var DropZone_1 = __webpack_require__(832);
+var DropZone_1 = __webpack_require__(833);
 Object.defineProperty(exports, "DropZone", { enumerable: true, get: function () { return DropZone_1.DropZone; } });
-var CreateButton_1 = __webpack_require__(833);
+var CreateButton_1 = __webpack_require__(834);
 Object.defineProperty(exports, "CreateButton", { enumerable: true, get: function () { return CreateButton_1.CreateButton; } });
-var SearchBar_1 = __webpack_require__(834);
+var SearchBar_1 = __webpack_require__(835);
 Object.defineProperty(exports, "SearchBar", { enumerable: true, get: function () { return SearchBar_1.SearchBar; } });
 var WithSizeObserver_1 = __webpack_require__(413);
 Object.defineProperty(exports, "WithSizeObserver", { enumerable: true, get: function () { return WithSizeObserver_1.WithSizeObserver; } });
-var SvgIconIllustration_1 = __webpack_require__(835);
+var SvgIconIllustration_1 = __webpack_require__(836);
 Object.defineProperty(exports, "SvgIconIllustration", { enumerable: true, get: function () { return SvgIconIllustration_1.SvgIconIllustration; } });
-var IllustrationButton_1 = __webpack_require__(836);
+var IllustrationButton_1 = __webpack_require__(837);
 Object.defineProperty(exports, "IllustrationButton", { enumerable: true, get: function () { return IllustrationButton_1.IllustrationButton; } });
 __exportStar(__webpack_require__(26), exports);
 __exportStar(__webpack_require__(18), exports);
@@ -6153,16 +6153,16 @@ __exportStar(__webpack_require__(92), exports);
 __exportStar(__webpack_require__(145), exports);
 var Skeleton_1 = __webpack_require__(398);
 Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
-var ListItemLoader_1 = __webpack_require__(880);
+var ListItemLoader_1 = __webpack_require__(881);
 Object.defineProperty(exports, "ListItemLoader", { enumerable: true, get: function () { return ListItemLoader_1.ListItemLoader; } });
 var Spinner_1 = __webpack_require__(94);
 Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
 Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return Spinner_1.LoadingOverlay; } });
-var Text_1 = __webpack_require__(881);
+var Text_1 = __webpack_require__(882);
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
-var Time_1 = __webpack_require__(882);
+var Time_1 = __webpack_require__(883);
 Object.defineProperty(exports, "Time", { enumerable: true, get: function () { return Time_1.Time; } });
-var Heading_1 = __webpack_require__(883);
+var Heading_1 = __webpack_require__(884);
 Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return Heading_1.Heading; } });
 var BottomNav_1 = __webpack_require__(414);
 Object.defineProperty(exports, "BottomNav", { enumerable: true, get: function () { return BottomNav_1.BottomNav; } });
@@ -6175,19 +6175,19 @@ Object.defineProperty(exports, "TableList", { enumerable: true, get: function ()
 Object.defineProperty(exports, "TableListItem", { enumerable: true, get: function () { return TableList_1.TableListItem; } });
 var ContentList_1 = __webpack_require__(146);
 Object.defineProperty(exports, "ContentListItem", { enumerable: true, get: function () { return ContentList_1.ContentListItem; } });
-var MultiSelect_1 = __webpack_require__(884);
+var MultiSelect_1 = __webpack_require__(885);
 Object.defineProperty(exports, "MultiSelect", { enumerable: true, get: function () { return MultiSelect_1.MultiSelect; } });
-var ResizablePanels_1 = __webpack_require__(891);
+var ResizablePanels_1 = __webpack_require__(892);
 Object.defineProperty(exports, "ResizablePanels", { enumerable: true, get: function () { return ResizablePanels_1.ResizablePanels; } });
 var WithPopover_1 = __webpack_require__(236);
 Object.defineProperty(exports, "WithPopover", { enumerable: true, get: function () { return WithPopover_1.WithPopover; } });
 var ShowPopup_1 = __webpack_require__(130);
 Object.defineProperty(exports, "PopupPositioner", { enumerable: true, get: function () { return ShowPopup_1.PopupPositioner; } });
 Object.defineProperty(exports, "showPopup", { enumerable: true, get: function () { return ShowPopup_1.showPopup; } });
-var common_1 = __webpack_require__(54);
+var common_1 = __webpack_require__(49);
 Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return common_1.Spacer; } });
 Object.defineProperty(exports, "SpacerBlock", { enumerable: true, get: function () { return common_1.SpacerBlock; } });
-var ResizeObserverComponent_1 = __webpack_require__(902);
+var ResizeObserverComponent_1 = __webpack_require__(903);
 Object.defineProperty(exports, "ResizeObserverComponent", { enumerable: true, get: function () { return ResizeObserverComponent_1.ResizeObserverComponent; } });
 var DragHandleDots_1 = __webpack_require__(377);
 Object.defineProperty(exports, "DragHandleDots", { enumerable: true, get: function () { return DragHandleDots_1.DragHandleDots; } });
@@ -6197,7 +6197,7 @@ var CalendarWeekDayItem_1 = __webpack_require__(416);
 Object.defineProperty(exports, "CalendarWeekDayItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.CalendarWeekDayItem; } });
 Object.defineProperty(exports, "WeeklyCalendarGrid", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGrid; } });
 Object.defineProperty(exports, "WeeklyCalendarGridItem", { enumerable: true, get: function () { return CalendarWeekDayItem_1.WeeklyCalendarGridItem; } });
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 Object.defineProperty(exports, "getTextColor", { enumerable: true, get: function () { return helpers_1.getTextColor; } });
 var localization_1 = __webpack_require__(373);
 Object.defineProperty(exports, "setupLocalization", { enumerable: true, get: function () { return localization_1.setupLocalization; } });
@@ -7944,36 +7944,6 @@ function isShadowRoot(node) {
 /* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.assertNever = assertNever;
-exports.nameof = nameof;
-exports.getTextColor = getTextColor;
-function assertNever(x) {
-    throw new Error('Unexpected object: ' + x);
-}
-function nameof(name) {
-    return name.toString();
-}
-function getTextColor(backgroundColor) {
-    if (backgroundColor) {
-        var r = parseInt(backgroundColor.substr(1, 2), 16);
-        var g = parseInt(backgroundColor.substr(3, 2), 16);
-        var b = parseInt(backgroundColor.substr(5, 2), 16);
-        var yiq = (r * 299 + g * 587 + b * 114) / 1000;
-        return yiq >= 128 ? 'black' : 'white';
-    }
-    else {
-        return;
-    }
-}
-
-
-/***/ }),
-/* 25 */
-/***/ (function(module, exports, __webpack_require__) {
-
 /* WEBPACK VAR INJECTION */(function(global, module) {var __WEBPACK_AMD_DEFINE_RESULT__;/**
  * @license
  * Lodash <https://lodash.com/>
@@ -25187,6 +25157,36 @@ function getTextColor(backgroundColor) {
 
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(55), __webpack_require__(73)(module)))
 
+/***/ }),
+/* 25 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.assertNever = assertNever;
+exports.nameof = nameof;
+exports.getTextColor = getTextColor;
+function assertNever(x) {
+    throw new Error('Unexpected object: ' + x);
+}
+function nameof(name) {
+    return name.toString();
+}
+function getTextColor(backgroundColor) {
+    if (backgroundColor) {
+        var r = parseInt(backgroundColor.substr(1, 2), 16);
+        var g = parseInt(backgroundColor.substr(3, 2), 16);
+        var b = parseInt(backgroundColor.substr(5, 2), 16);
+        var yiq = (r * 299 + g * 587 + b * 114) / 1000;
+        return yiq >= 128 ? 'black' : 'white';
+    }
+    else {
+        return;
+    }
+}
+
+
 /***/ }),
 /* 26 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -25202,82 +25202,82 @@ Object.defineProperty(exports, "PanelContent", { enumerable: true, get: function
 Object.defineProperty(exports, "PanelContentBlock", { enumerable: true, get: function () { return Panel_1.PanelContentBlock; } });
 Object.defineProperty(exports, "PanelFooter", { enumerable: true, get: function () { return Panel_1.PanelFooter; } });
 Object.defineProperty(exports, "PanelHeaderSlidingToolbar", { enumerable: true, get: function () { return Panel_1.PanelHeaderSlidingToolbar; } });
-var Layout_1 = __webpack_require__(837);
+var Layout_1 = __webpack_require__(838);
 Object.defineProperty(exports, "Layout", { enumerable: true, get: function () { return Layout_1.Layout; } });
-var LayoutContainer_1 = __webpack_require__(838);
+var LayoutContainer_1 = __webpack_require__(839);
 Object.defineProperty(exports, "LayoutContainer", { enumerable: true, get: function () { return LayoutContainer_1.LayoutContainer; } });
-var HeaderPanel_1 = __webpack_require__(839);
+var HeaderPanel_1 = __webpack_require__(840);
 Object.defineProperty(exports, "HeaderPanel", { enumerable: true, get: function () { return HeaderPanel_1.HeaderPanel; } });
-var MainPanel_1 = __webpack_require__(840);
+var MainPanel_1 = __webpack_require__(841);
 Object.defineProperty(exports, "MainPanel", { enumerable: true, get: function () { return MainPanel_1.MainPanel; } });
 Object.defineProperty(exports, "IMainPanelProps", { enumerable: true, get: function () { return MainPanel_1.IMainPanelProps; } });
-var LeftPanel_1 = __webpack_require__(841);
+var LeftPanel_1 = __webpack_require__(842);
 Object.defineProperty(exports, "LeftPanel", { enumerable: true, get: function () { return LeftPanel_1.LeftPanel; } });
-var RightPanel_1 = __webpack_require__(842);
+var RightPanel_1 = __webpack_require__(843);
 Object.defineProperty(exports, "RightPanel", { enumerable: true, get: function () { return RightPanel_1.RightPanel; } });
-var OverlayPanel_1 = __webpack_require__(843);
+var OverlayPanel_1 = __webpack_require__(844);
 Object.defineProperty(exports, "OverlayPanel", { enumerable: true, get: function () { return OverlayPanel_1.OverlayPanel; } });
-var AuthoringContainer_1 = __webpack_require__(844);
+var AuthoringContainer_1 = __webpack_require__(845);
 Object.defineProperty(exports, "AuthoringContainer", { enumerable: true, get: function () { return AuthoringContainer_1.AuthoringContainer; } });
-var ContentSplitter_1 = __webpack_require__(845);
+var ContentSplitter_1 = __webpack_require__(846);
 Object.defineProperty(exports, "ContentSplitter", { enumerable: true, get: function () { return ContentSplitter_1.ContentSplitter; } });
-var PageLayout_1 = __webpack_require__(846);
+var PageLayout_1 = __webpack_require__(847);
 Object.defineProperty(exports, "PageLayout", { enumerable: true, get: function () { return PageLayout_1.PageLayout; } });
-var Container_1 = __webpack_require__(847);
+var Container_1 = __webpack_require__(848);
 Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return Container_1.Container; } });
-var AuthoringFrameContainer_1 = __webpack_require__(848);
+var AuthoringFrameContainer_1 = __webpack_require__(849);
 Object.defineProperty(exports, "AuthoringFrameContainer", { enumerable: true, get: function () { return AuthoringFrameContainer_1.AuthoringFrameContainer; } });
-var AuthoringFrameMain_1 = __webpack_require__(849);
+var AuthoringFrameMain_1 = __webpack_require__(850);
 Object.defineProperty(exports, "AuthoringFrameMain", { enumerable: true, get: function () { return AuthoringFrameMain_1.AuthoringFrameMain; } });
-var AuthoringFrameNavBar_1 = __webpack_require__(850);
+var AuthoringFrameNavBar_1 = __webpack_require__(851);
 Object.defineProperty(exports, "AuthoringFrameNavBar", { enumerable: true, get: function () { return AuthoringFrameNavBar_1.AuthoringFrameNavBar; } });
-var AuthoringFrameLeftBar_1 = __webpack_require__(851);
+var AuthoringFrameLeftBar_1 = __webpack_require__(852);
 Object.defineProperty(exports, "AuthoringFrameLeftBar", { enumerable: true, get: function () { return AuthoringFrameLeftBar_1.AuthoringFrameLeftBar; } });
-var AuthoringFrameRightBar_1 = __webpack_require__(852);
+var AuthoringFrameRightBar_1 = __webpack_require__(853);
 Object.defineProperty(exports, "AuthoringFrameRightBar", { enumerable: true, get: function () { return AuthoringFrameRightBar_1.AuthoringFrameRightBar; } });
-var AuthoringFrameSidePanel_1 = __webpack_require__(853);
+var AuthoringFrameSidePanel_1 = __webpack_require__(854);
 Object.defineProperty(exports, "AuthoringFrameSidePanel", { enumerable: true, get: function () { return AuthoringFrameSidePanel_1.AuthoringFrameSidePanel; } });
-var AuthoringFrameSidePanelOverlay_1 = __webpack_require__(854);
+var AuthoringFrameSidePanelOverlay_1 = __webpack_require__(855);
 Object.defineProperty(exports, "AuthoringFrameSidePanelOverlay", { enumerable: true, get: function () { return AuthoringFrameSidePanelOverlay_1.AuthoringFrameSidePanelOverlay; } });
-var AuthoringFrameOverlay_1 = __webpack_require__(855);
+var AuthoringFrameOverlay_1 = __webpack_require__(856);
 Object.defineProperty(exports, "AuthoringFrameOverlay", { enumerable: true, get: function () { return AuthoringFrameOverlay_1.AuthoringFrameOverlay; } });
-var AuthoringFrame_1 = __webpack_require__(856);
+var AuthoringFrame_1 = __webpack_require__(857);
 Object.defineProperty(exports, "AuthoringFrame", { enumerable: true, get: function () { return AuthoringFrame_1.AuthoringFrame; } });
-var AuthoringMain_1 = __webpack_require__(857);
+var AuthoringMain_1 = __webpack_require__(858);
 Object.defineProperty(exports, "AuthoringMain", { enumerable: true, get: function () { return AuthoringMain_1.AuthoringMain; } });
-var AuthoringMainContainer_1 = __webpack_require__(858);
+var AuthoringMainContainer_1 = __webpack_require__(859);
 Object.defineProperty(exports, "AuthoringMainContainer", { enumerable: true, get: function () { return AuthoringMainContainer_1.AuthoringMainContainer; } });
-var AuthoringMainToolBar_1 = __webpack_require__(859);
+var AuthoringMainToolBar_1 = __webpack_require__(860);
 Object.defineProperty(exports, "AuthoringMainToolBar", { enumerable: true, get: function () { return AuthoringMainToolBar_1.AuthoringMainToolBar; } });
-var AuthoringMainContent_1 = __webpack_require__(860);
+var AuthoringMainContent_1 = __webpack_require__(861);
 Object.defineProperty(exports, "AuthoringMainContent", { enumerable: true, get: function () { return AuthoringMainContent_1.AuthoringMainContent; } });
-var AuthoringInnerHeader_1 = __webpack_require__(861);
+var AuthoringInnerHeader_1 = __webpack_require__(862);
 Object.defineProperty(exports, "AuthoringInnerHeader", { enumerable: true, get: function () { return AuthoringInnerHeader_1.AuthoringInnerHeader; } });
-var AuthoringInnerBody_1 = __webpack_require__(862);
+var AuthoringInnerBody_1 = __webpack_require__(863);
 Object.defineProperty(exports, "AuthoringInnerBody", { enumerable: true, get: function () { return AuthoringInnerBody_1.AuthoringInnerBody; } });
-var AuthorinInnerSideBar_1 = __webpack_require__(863);
+var AuthorinInnerSideBar_1 = __webpack_require__(864);
 Object.defineProperty(exports, "AuthorinInnerSideBar", { enumerable: true, get: function () { return AuthorinInnerSideBar_1.AuthorinInnerSideBar; } });
-var CoreLayout_1 = __webpack_require__(864);
+var CoreLayout_1 = __webpack_require__(865);
 Object.defineProperty(exports, "CoreLayout", { enumerable: true, get: function () { return CoreLayout_1.CoreLayout; } });
-var CoreLayoutContainer_1 = __webpack_require__(865);
+var CoreLayoutContainer_1 = __webpack_require__(866);
 Object.defineProperty(exports, "CoreLayoutContainer", { enumerable: true, get: function () { return CoreLayoutContainer_1.CoreLayoutContainer; } });
-var CoreLayoutTopMenu_1 = __webpack_require__(866);
+var CoreLayoutTopMenu_1 = __webpack_require__(867);
 Object.defineProperty(exports, "CoreLayoutTopMenu", { enumerable: true, get: function () { return CoreLayoutTopMenu_1.CoreLayoutTopMenu; } });
-var CoreLayoutMain_1 = __webpack_require__(867);
+var CoreLayoutMain_1 = __webpack_require__(868);
 Object.defineProperty(exports, "CoreLayoutMain", { enumerable: true, get: function () { return CoreLayoutMain_1.CoreLayoutMain; } });
-var CoreLayoutSlideInMenu_1 = __webpack_require__(868);
+var CoreLayoutSlideInMenu_1 = __webpack_require__(869);
 Object.defineProperty(exports, "CoreLayoutSlideInMenu", { enumerable: true, get: function () { return CoreLayoutSlideInMenu_1.CoreLayoutSlideInMenu; } });
-var CoreLayoutFooter_1 = __webpack_require__(869);
+var CoreLayoutFooter_1 = __webpack_require__(870);
 Object.defineProperty(exports, "CoreLayoutFooter", { enumerable: true, get: function () { return CoreLayoutFooter_1.CoreLayoutFooter; } });
-var CoreLayoutOverlay_1 = __webpack_require__(870);
+var CoreLayoutOverlay_1 = __webpack_require__(871);
 Object.defineProperty(exports, "CoreLayoutOverlay", { enumerable: true, get: function () { return CoreLayoutOverlay_1.CoreLayoutOverlay; } });
-var HamburgerButton_1 = __webpack_require__(871);
+var HamburgerButton_1 = __webpack_require__(872);
 Object.defineProperty(exports, "HamburgerButton", { enumerable: true, get: function () { return HamburgerButton_1.HamburgerButton; } });
-var BottomBarAction_1 = __webpack_require__(872);
+var BottomBarAction_1 = __webpack_require__(873);
 Object.defineProperty(exports, "BottomBarAction", { enumerable: true, get: function () { return BottomBarAction_1.BottomBarAction; } });
-var MainMenu_1 = __webpack_require__(873);
+var MainMenu_1 = __webpack_require__(874);
 Object.defineProperty(exports, "MainMenu", { enumerable: true, get: function () { return MainMenu_1.MainMenu; } });
-var NotificationPanel_1 = __webpack_require__(874);
+var NotificationPanel_1 = __webpack_require__(875);
 Object.defineProperty(exports, "NotificationPanel", { enumerable: true, get: function () { return NotificationPanel_1.NotificationPanel; } });
 
 
@@ -25851,7 +25851,7 @@ var _reactDom = _interopRequireDefault(__webpack_require__(14));
 var _propTypes = _interopRequireDefault(__webpack_require__(8));
 var _ClassNames = __webpack_require__(16);
 var _DomHandler = _interopRequireDefault(__webpack_require__(22));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(51));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -26597,6 +26597,57 @@ function _inheritsLoose(subClass, superClass) {
 
 /***/ }),
 /* 49 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(__webpack_require__(472), exports);
+__exportStar(__webpack_require__(227), exports);
+__exportStar(__webpack_require__(228), exports);
+__exportStar(__webpack_require__(232), exports);
+__exportStar(__webpack_require__(667), exports);
+__exportStar(__webpack_require__(668), exports);
+__exportStar(__webpack_require__(669), exports);
+__exportStar(__webpack_require__(670), exports);
+__exportStar(__webpack_require__(235), exports);
+__exportStar(__webpack_require__(231), exports);
+__exportStar(__webpack_require__(688), exports);
+__exportStar(__webpack_require__(689), exports);
+__exportStar(__webpack_require__(690), exports);
+__exportStar(__webpack_require__(691), exports);
+__exportStar(__webpack_require__(230), exports);
+__exportStar(__webpack_require__(229), exports);
+__exportStar(__webpack_require__(692), exports);
+__exportStar(__webpack_require__(693), exports);
+__exportStar(__webpack_require__(694), exports);
+__exportStar(__webpack_require__(695), exports);
+__exportStar(__webpack_require__(696), exports);
+__exportStar(__webpack_require__(700), exports);
+__exportStar(__webpack_require__(701), exports);
+__exportStar(__webpack_require__(702), exports);
+__exportStar(__webpack_require__(703), exports);
+__exportStar(__webpack_require__(704), exports);
+__exportStar(__webpack_require__(705), exports);
+__exportStar(__webpack_require__(706), exports);
+
+
+/***/ }),
+/* 50 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -26606,7 +26657,7 @@ function getNodeName(element) {
 }
 
 /***/ }),
-/* 50 */
+/* 51 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -26618,7 +26669,7 @@ var min = Math.min;
 var round = Math.round;
 
 /***/ }),
-/* 51 */
+/* 52 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -26672,7 +26723,7 @@ var ConnectedOverlayScrollHandler = exports.default = /*#__PURE__*/function () {
 }();
 
 /***/ }),
-/* 52 */
+/* 53 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -26731,7 +26782,7 @@ exports.default = getISOWeekYear;
 
 
 /***/ }),
-/* 53 */
+/* 54 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -26748,57 +26799,6 @@ if (process.env.NODE_ENV !== 'production') {
 /* unused harmony default export */ var _unused_webpack_default_export = (ReactReduxContext);
 /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(7)))
 
-/***/ }),
-/* 54 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(__webpack_require__(472), exports);
-__exportStar(__webpack_require__(227), exports);
-__exportStar(__webpack_require__(228), exports);
-__exportStar(__webpack_require__(232), exports);
-__exportStar(__webpack_require__(667), exports);
-__exportStar(__webpack_require__(668), exports);
-__exportStar(__webpack_require__(669), exports);
-__exportStar(__webpack_require__(670), exports);
-__exportStar(__webpack_require__(235), exports);
-__exportStar(__webpack_require__(231), exports);
-__exportStar(__webpack_require__(688), exports);
-__exportStar(__webpack_require__(689), exports);
-__exportStar(__webpack_require__(690), exports);
-__exportStar(__webpack_require__(691), exports);
-__exportStar(__webpack_require__(230), exports);
-__exportStar(__webpack_require__(229), exports);
-__exportStar(__webpack_require__(692), exports);
-__exportStar(__webpack_require__(693), exports);
-__exportStar(__webpack_require__(694), exports);
-__exportStar(__webpack_require__(695), exports);
-__exportStar(__webpack_require__(696), exports);
-__exportStar(__webpack_require__(700), exports);
-__exportStar(__webpack_require__(701), exports);
-__exportStar(__webpack_require__(702), exports);
-__exportStar(__webpack_require__(703), exports);
-__exportStar(__webpack_require__(704), exports);
-__exportStar(__webpack_require__(705), exports);
-__exportStar(__webpack_require__(706), exports);
-
-
 /***/ }),
 /* 55 */
 /***/ (function(module, exports) {
@@ -26899,7 +26899,7 @@ exports.Tooltip = exports.WithTooltip = void 0;
 var React = __importStar(__webpack_require__(0));
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var tippy_js_1 = __importDefault(__webpack_require__(149));
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 function flowToPlacement(flow) {
     switch (flow) {
         case undefined:
@@ -27277,7 +27277,7 @@ var TooltipWrapper = /** @class */ (function (_super) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getBoundingClientRect;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__instanceOf_js__ = __webpack_require__(23);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_math_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_math_js__ = __webpack_require__(51);
 
 
 function getBoundingClientRect(element, includeScale) {
@@ -27322,7 +27322,7 @@ function getBoundingClientRect(element, includeScale) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getOffsetParent;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(30);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeName_js__ = __webpack_require__(49);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeName_js__ = __webpack_require__(50);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getComputedStyle_js__ = __webpack_require__(58);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(23);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__isTableElement_js__ = __webpack_require__(424);
@@ -27589,7 +27589,7 @@ __exportStar(__webpack_require__(206), exports);
 __exportStar(__webpack_require__(524), exports);
 __exportStar(__webpack_require__(207), exports);
 __exportStar(__webpack_require__(123), exports);
-__exportStar(__webpack_require__(52), exports);
+__exportStar(__webpack_require__(53), exports);
 __exportStar(__webpack_require__(525), exports);
 __exportStar(__webpack_require__(526), exports);
 __exportStar(__webpack_require__(527), exports);
@@ -27839,7 +27839,7 @@ exports.default = addMonths;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.startOfISOWeekYear = startOfISOWeekYear;
 var constructFrom_js_1 = __webpack_require__(4);
-var getISOWeekYear_js_1 = __webpack_require__(52);
+var getISOWeekYear_js_1 = __webpack_require__(53);
 var startOfISOWeek_js_1 = __webpack_require__(33);
 /**
  * The {@link startOfISOWeekYear} function options.
@@ -28052,7 +28052,7 @@ module.exports = function(module) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = getParentNode;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getNodeName_js__ = __webpack_require__(49);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getNodeName_js__ = __webpack_require__(50);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(38);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(23);
 
@@ -39976,11 +39976,11 @@ exports.FormLabel = FormLabel;
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuickNavBar = exports.SideBarTabs = exports.SideBarMenu = void 0;
-var SideBarMenu_1 = __webpack_require__(875);
+var SideBarMenu_1 = __webpack_require__(876);
 Object.defineProperty(exports, "SideBarMenu", { enumerable: true, get: function () { return SideBarMenu_1.SideBarMenu; } });
-var SideBarTabs_1 = __webpack_require__(876);
+var SideBarTabs_1 = __webpack_require__(877);
 Object.defineProperty(exports, "SideBarTabs", { enumerable: true, get: function () { return SideBarTabs_1.SideBarTabs; } });
-var QuickNavBar_1 = __webpack_require__(877);
+var QuickNavBar_1 = __webpack_require__(878);
 Object.defineProperty(exports, "QuickNavBar", { enumerable: true, get: function () { return QuickNavBar_1.QuickNavBar; } });
 
 
@@ -40100,7 +40100,7 @@ exports.Spinner = Spinner;
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getNodeName_js__ = __webpack_require__(49);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getNodeName_js__ = __webpack_require__(50);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_instanceOf_js__ = __webpack_require__(23);
 
  // This modifier takes the styles prepared by the `computeStyles` modifier
@@ -40243,7 +40243,7 @@ function getMainAxisFromPlacement(placement) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(58);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_getBasePlacement_js__ = __webpack_require__(37);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_getVariation_js__ = __webpack_require__(65);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(51);
 
 
 
@@ -59867,7 +59867,7 @@ exports.showPopup = showPopup;
 var React = __importStar(__webpack_require__(0));
 var react_dom_1 = __importDefault(__webpack_require__(14));
 var core_1 = __webpack_require__(57);
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 var popper_max_size_modifier_1 = __importDefault(__webpack_require__(707));
 var zIndex_1 = __webpack_require__(31);
 var padding = 8;
@@ -60102,14 +60102,14 @@ var date_fns_1 = __webpack_require__(67);
 var date_fns_2 = __webpack_require__(67);
 var moment_1 = __importDefault(__webpack_require__(1));
 var calendar_1 = __webpack_require__(710);
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var Form_1 = __webpack_require__(18);
 var Button_1 = __webpack_require__(62);
 var weekstart_1 = __webpack_require__(714);
-var common_1 = __webpack_require__(54);
+var common_1 = __webpack_require__(49);
 var localization_1 = __webpack_require__(373);
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var TreeSelect_1 = __webpack_require__(142);
 var Icon_1 = __webpack_require__(13);
 var internalPrimereactClassnames = {
@@ -60606,7 +60606,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectPreview = void 0;
 var classnames_1 = __importDefault(__webpack_require__(3));
 var React = __importStar(__webpack_require__(0));
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var SelectPreview = /** @class */ (function (_super) {
     __extends(SelectPreview, _super);
     function SelectPreview() {
@@ -61914,8 +61914,8 @@ var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var debounce_1 = __importDefault(__webpack_require__(718));
 var Form_1 = __webpack_require__(18);
 var core_1 = __webpack_require__(57);
-var lodash_1 = __webpack_require__(25);
-var helpers_1 = __webpack_require__(24);
+var lodash_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var SelectPreview_1 = __webpack_require__(134);
 var TreeSelectPill_1 = __webpack_require__(729);
 var TreeSelectItem_1 = __webpack_require__(378);
@@ -61923,7 +61923,7 @@ var KeyboardNavigation_1 = __webpack_require__(379);
 var WithPortal_1 = __webpack_require__(380);
 var react_beautiful_dnd_1 = __webpack_require__(381);
 var zIndex_1 = __webpack_require__(31);
-var common_1 = __webpack_require__(54);
+var common_1 = __webpack_require__(49);
 var translations_1 = __webpack_require__(753);
 var TreeSelect = /** @class */ (function (_super) {
     __extends(TreeSelect, _super);
@@ -62625,23 +62625,15 @@ var TimePicker = /** @class */ (function (_super) {
                         popupOpen: false,
                     });
                 }, "data-test-id": "time-picker-popover" },
-                React.createElement(TimePickerPopover_1.TimePickerPopover, { value: this.props.value, onChange: this.props.onChange, closePopup: function () {
-                        _this.setState({
-                            popupOpen: false,
-                        });
-                    }, allowSeconds: this.props.allowSeconds, headerTemplate: this.props.headerTemplate, footerTemplate: this.props.footerTemplate }))),
+                React.createElement(TimePickerPopover_1.TimePickerPopover, { value: this.props.value, onChange: this.props.onChange, allowSeconds: this.props.allowSeconds, headerTemplate: this.props.headerTemplate, footerTemplate: this.props.footerTemplate }))),
             React.createElement("div", { className: "time-picker__input" },
                 React.createElement("input", { style: {
                         cursor: 'pointer',
-                    }, ref: this.timeInputRef, value: (_a = this.props.value) !== null && _a !== void 0 ? _a : '', type: "time", onClick: function (e) {
-                        // don't show default popup
-                        e.preventDefault();
+                    }, ref: this.timeInputRef, value: (_a = this.props.value) !== null && _a !== void 0 ? _a : '', type: "time", onClick: function () {
                         _this.setState({
                             popupOpen: true,
                         });
                     }, onKeyDown: function (event) {
-                        // don't show default popup
-                        event.preventDefault();
                         if (event.key === ' ') {
                             _this.setState({
                                 popupOpen: !_this.state.popupOpen,
@@ -62759,10 +62751,10 @@ exports.ButtonGroup = ButtonGroup;
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BoxedListContentRow = exports.BoxedListItem = exports.BoxedList = exports.SimpleListItem = exports.SimpleList = void 0;
-var SimpleList_1 = __webpack_require__(878);
+var SimpleList_1 = __webpack_require__(879);
 Object.defineProperty(exports, "SimpleList", { enumerable: true, get: function () { return SimpleList_1.SimpleList; } });
 Object.defineProperty(exports, "SimpleListItem", { enumerable: true, get: function () { return SimpleList_1.SimpleListItem; } });
-var BoxedList_1 = __webpack_require__(879);
+var BoxedList_1 = __webpack_require__(880);
 Object.defineProperty(exports, "BoxedList", { enumerable: true, get: function () { return BoxedList_1.BoxedList; } });
 Object.defineProperty(exports, "BoxedListItem", { enumerable: true, get: function () { return BoxedList_1.BoxedListItem; } });
 Object.defineProperty(exports, "BoxedListContentRow", { enumerable: true, get: function () { return BoxedList_1.BoxedListContentRow; } });
@@ -65608,7 +65600,7 @@ function contains(parent, child) {
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = within;
 /* harmony export (immutable) */ __webpack_exports__["b"] = withinMaxClamp;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__math_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__math_js__ = __webpack_require__(51);
 
 function within(min, value, max) {
   return Object(__WEBPACK_IMPORTED_MODULE_0__math_js__["a" /* max */])(min, Object(__WEBPACK_IMPORTED_MODULE_0__math_js__["b" /* min */])(value, max));
@@ -66098,7 +66090,7 @@ function offset(_ref2) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(66);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(65);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__utils_getFreshSideObject_js__ = __webpack_require__(155);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils_math_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__utils_math_js__ = __webpack_require__(51);
 
 
 
@@ -67322,7 +67314,7 @@ exports.default = addHours;
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addISOWeekYears = addISOWeekYears;
-var getISOWeekYear_js_1 = __webpack_require__(52);
+var getISOWeekYear_js_1 = __webpack_require__(53);
 var setISOWeekYear_js_1 = __webpack_require__(180);
 /**
  * The {@link addISOWeekYears} function options.
@@ -67722,7 +67714,7 @@ exports.default = isDate;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.differenceInCalendarISOWeekYears = differenceInCalendarISOWeekYears;
 var normalizeDates_js_1 = __webpack_require__(12);
-var getISOWeekYear_js_1 = __webpack_require__(52);
+var getISOWeekYear_js_1 = __webpack_require__(53);
 /**
  * The {@link differenceInCalendarISOWeekYears} function options.
  */
@@ -86659,7 +86651,7 @@ exports.TreeSelectItem = void 0;
 exports.getPrefixedItemId = getPrefixedItemId;
 var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(13);
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 function getPrefixedItemId(id) {
     return id + '-focus';
 }
@@ -95445,7 +95437,7 @@ var getBatch = function getBatch() {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_is__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(136);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(137);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(53);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(54);
 
 
 var _excluded = ["getDisplayName", "methodName", "renderCountProp", "shouldHandleStateChanges", "storeKey", "withRef", "forwardRef", "context"],
@@ -95990,7 +95982,7 @@ function warning(message) {
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return useStore; });
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Context__ = __webpack_require__(53);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Context__ = __webpack_require__(54);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__useReduxContext__ = __webpack_require__(389);
 
 
@@ -96043,7 +96035,7 @@ var useStore = /*#__PURE__*/createStoreHook();
 /* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["a"] = useReduxContext;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Context__ = __webpack_require__(53);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Context__ = __webpack_require__(54);
 
 
 /**
@@ -96282,30 +96274,30 @@ exports.RadioButtonGroup = RadioButtonGroup;
 "use strict";
 
 
-var _interopRequireDefault = __webpack_require__(768);
+var _interopRequireDefault = __webpack_require__(769);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(__webpack_require__(769));
+var _extends2 = _interopRequireDefault(__webpack_require__(770));
 
-var _defineProperty2 = _interopRequireDefault(__webpack_require__(770));
+var _defineProperty2 = _interopRequireDefault(__webpack_require__(771));
 
-var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(771));
+var _toConsumableArray2 = _interopRequireDefault(__webpack_require__(772));
 
-var _classCallCheck2 = _interopRequireDefault(__webpack_require__(776));
+var _classCallCheck2 = _interopRequireDefault(__webpack_require__(777));
 
-var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(777));
+var _possibleConstructorReturn2 = _interopRequireDefault(__webpack_require__(778));
 
-var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(779));
+var _getPrototypeOf2 = _interopRequireDefault(__webpack_require__(780));
 
 var _assertThisInitialized2 = _interopRequireDefault(__webpack_require__(394));
 
-var _createClass2 = _interopRequireDefault(__webpack_require__(780));
+var _createClass2 = _interopRequireDefault(__webpack_require__(781));
 
-var _inherits2 = _interopRequireDefault(__webpack_require__(781));
+var _inherits2 = _interopRequireDefault(__webpack_require__(782));
 
 var _propTypes = _interopRequireDefault(__webpack_require__(8));
 
@@ -96313,7 +96305,7 @@ var _react = _interopRequireDefault(__webpack_require__(0));
 
 var _classnames = _interopRequireDefault(__webpack_require__(3));
 
-var _throttle = _interopRequireDefault(__webpack_require__(783));
+var _throttle = _interopRequireDefault(__webpack_require__(784));
 
 function isEqualArray(a, b) {
   return a.length === b.length && a.every(function (item, index) {
@@ -96976,7 +96968,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectGrid = void 0;
 var React = __importStar(__webpack_require__(0));
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
-var overlaypanel_1 = __webpack_require__(828);
+var overlaypanel_1 = __webpack_require__(829);
 var Loader_1 = __webpack_require__(133);
 var GRID_COLS = 3;
 var GRID_ROWS = 5;
@@ -100603,7 +100595,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePickerV2 = void 0;
 var React = __importStar(__webpack_require__(0));
 var Form_1 = __webpack_require__(18);
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 var TimePickerV2 = /** @class */ (function (_super) {
     __extends(TimePickerV2, _super);
     function TimePickerV2(props) {
@@ -100811,7 +100803,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TagInput = void 0;
 var React = __importStar(__webpack_require__(0));
-var chips_1 = __webpack_require__(791);
+var chips_1 = __webpack_require__(792);
 var Form_1 = __webpack_require__(18);
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var SelectPreview_1 = __webpack_require__(134);
@@ -100903,8 +100895,8 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleBox = void 0;
 var React = __importStar(__webpack_require__(0));
-var SimpleToggleBox_1 = __webpack_require__(826);
-var CustomHeaderToggleBox_1 = __webpack_require__(827);
+var SimpleToggleBox_1 = __webpack_require__(827);
+var CustomHeaderToggleBox_1 = __webpack_require__(828);
 var ToggleBox = /** @class */ (function (_super) {
     __extends(ToggleBox, _super);
     function ToggleBox() {
@@ -101096,7 +101088,7 @@ exports.BottomNav = void 0;
 var React = __importStar(__webpack_require__(0));
 var Icon_1 = __webpack_require__(13);
 var IconButton_1 = __webpack_require__(71);
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 var BottomNav = /** @class */ (function (_super) {
     __extends(BottomNav, _super);
     function BottomNav(props) {
@@ -101232,7 +101224,7 @@ var core_1 = __webpack_require__(57);
 var TreeSelectItem_1 = __webpack_require__(378);
 var KeyboardNavigation_1 = __webpack_require__(379);
 var WithPortal_1 = __webpack_require__(380);
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var zIndex_1 = __webpack_require__(31);
 function nodeHasChildren(item) {
     return item[(0, helpers_1.nameof)('children')] != null;
@@ -102832,7 +102824,7 @@ exports.HelloWorld = HelloWorld;
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = isTableElement;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getNodeName_js__ = __webpack_require__(49);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getNodeName_js__ = __webpack_require__(50);
 
 function isTableElement(element) {
   return ['table', 'td', 'th'].indexOf(Object(__WEBPACK_IMPORTED_MODULE_0__getNodeName_js__["a" /* default */])(element)) >= 0;
@@ -102889,9 +102881,9 @@ function getOppositeVariationPlacement(placement) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__getBoundingClientRect_js__ = __webpack_require__(63);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__getParentNode_js__ = __webpack_require__(74);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__contains_js__ = __webpack_require__(152);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__getNodeName_js__ = __webpack_require__(49);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__getNodeName_js__ = __webpack_require__(50);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__utils_rectToClientRect_js__ = __webpack_require__(159);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__utils_math_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__utils_math_js__ = __webpack_require__(51);
 
 
 
@@ -103023,7 +103015,7 @@ function getViewportRect(element) {
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getComputedStyle_js__ = __webpack_require__(58);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(100);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(101);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(51);
 
 
 
@@ -103062,7 +103054,7 @@ function getDocumentRect(element) {
 /* harmony export (immutable) */ __webpack_exports__["a"] = getScrollParent;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(74);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(102);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(49);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(50);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(23);
 
 
@@ -103158,12 +103150,12 @@ function getAltAxis(axis) {
 /* harmony export (immutable) */ __webpack_exports__["a"] = getCompositeRect;
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(63);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(434);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(49);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(50);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(23);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(100);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(38);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(102);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(50);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(51);
 
 
 
@@ -104485,7 +104477,7 @@ var _DropdownItem = __webpack_require__(456);
 var _Tooltip = __webpack_require__(39);
 var _reactTransitionGroup = __webpack_require__(40);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(51));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -107079,7 +107071,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Label = void 0;
 var React = __importStar(__webpack_require__(0));
 var classnames_1 = __importDefault(__webpack_require__(3));
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var Label = /** @class */ (function (_super) {
     __extends(Label, _super);
     function Label() {
@@ -107313,7 +107305,7 @@ var avatar_1 = __webpack_require__(172);
 var avatar_wrapper_1 = __webpack_require__(76);
 var avatar_number_1 = __webpack_require__(470);
 var avatar_placeholder_1 = __webpack_require__(173);
-var common_1 = __webpack_require__(54);
+var common_1 = __webpack_require__(49);
 var WithPopover_1 = __webpack_require__(236);
 function isAvatar(item) {
     return item['kind'] == null;
@@ -108847,7 +108839,7 @@ exports.default = endOfISOWeek;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.endOfISOWeekYear = endOfISOWeekYear;
 var constructFrom_js_1 = __webpack_require__(4);
-var getISOWeekYear_js_1 = __webpack_require__(52);
+var getISOWeekYear_js_1 = __webpack_require__(53);
 var startOfISOWeek_js_1 = __webpack_require__(33);
 /**
  * The {@link endOfISOWeekYear} function options.
@@ -109832,7 +109824,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatters = void 0;
 var getDayOfYear_js_1 = __webpack_require__(197);
 var getISOWeek_js_1 = __webpack_require__(123);
-var getISOWeekYear_js_1 = __webpack_require__(52);
+var getISOWeekYear_js_1 = __webpack_require__(53);
 var getWeek_js_1 = __webpack_require__(124);
 var getWeekYear_js_1 = __webpack_require__(84);
 var addLeadingZeros_js_1 = __webpack_require__(61);
@@ -116330,7 +116322,7 @@ exports.default = lastDayOfISOWeek;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.lastDayOfISOWeekYear = lastDayOfISOWeekYear;
 var constructFrom_js_1 = __webpack_require__(4);
-var getISOWeekYear_js_1 = __webpack_require__(52);
+var getISOWeekYear_js_1 = __webpack_require__(53);
 var startOfISOWeek_js_1 = __webpack_require__(33);
 /**
  * The {@link lastDayOfISOWeekYear} function options.
@@ -126974,7 +126966,7 @@ var _Tooltip = __webpack_require__(39);
 var _reactTransitionGroup = __webpack_require__(40);
 var _Ripple = __webpack_require__(28);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(51));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -131150,7 +131142,7 @@ var classnames_1 = __importDefault(__webpack_require__(3));
 var React = __importStar(__webpack_require__(0));
 var DragHandle_1 = __webpack_require__(135);
 var Icon_1 = __webpack_require__(13);
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var TreeSelectPill = /** @class */ (function (_super) {
     __extends(TreeSelectPill, _super);
     function TreeSelectPill() {
@@ -131976,7 +131968,7 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 "use strict";
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(734);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__(383);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Context__ = __webpack_require__(53);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Context__ = __webpack_require__(54);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__connect_connect__ = __webpack_require__(738);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hooks_useDispatch__ = __webpack_require__(746);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hooks_useSelector__ = __webpack_require__(747);
@@ -132012,7 +132004,7 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(8);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(53);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(54);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(136);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(137);
 
@@ -132732,7 +132724,7 @@ function verifySubselectors(mapStateToProps, mapDispatchToProps, mergeProps, dis
 "use strict";
 /* unused harmony export createDispatchHook */
 /* unused harmony export useDispatch */
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Context__ = __webpack_require__(53);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Context__ = __webpack_require__(54);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useStore__ = __webpack_require__(388);
 
 
@@ -132790,7 +132782,7 @@ var useDispatch = /*#__PURE__*/createDispatchHook();
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useReduxContext__ = __webpack_require__(389);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(136);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(137);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(53);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(54);
 
 
 
@@ -133386,13 +133378,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DateTimePicker = void 0;
 var React = __importStar(__webpack_require__(0));
 var DatePicker_1 = __webpack_require__(131);
-var common_1 = __webpack_require__(54);
-var lodash_1 = __webpack_require__(25);
+var common_1 = __webpack_require__(49);
+var lodash_1 = __webpack_require__(24);
 var TimePicker_1 = __webpack_require__(143);
 var Form_1 = __webpack_require__(18);
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var date_fns_1 = __webpack_require__(67);
-var helpers_1 = __webpack_require__(24);
+var helpers_1 = __webpack_require__(25);
 var Button_1 = __webpack_require__(62);
 var DateTimePicker = /** @class */ (function (_super) {
     __extends(DateTimePicker, _super);
@@ -133402,9 +133394,9 @@ var DateTimePicker = /** @class */ (function (_super) {
         _this.handleTimeChange = function (time) {
             var _a;
             if (_this.props.valueType === 'date') {
-                var _b = time.split(':').map(function (x) { return (0, lodash_1.defaultTo)(parseInt(x, 10), 0); }), hours = _b[0], minutes = _b[1];
+                var _b = time.split(':').map(function (x) { return (0, lodash_1.defaultTo)(parseInt(x, 10), 0); }), hours = _b[0], minutes = _b[1], seconds = _b[2];
                 var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
-                origDate.setHours(hours, minutes);
+                origDate.setHours(hours, minutes, _this.props.allowSeconds ? seconds : 0);
                 _this.props.onChange(origDate);
             }
             else if (_this.props.valueType === 'object') {
@@ -133423,7 +133415,7 @@ var DateTimePicker = /** @class */ (function (_super) {
                 }
                 var origDate = (_a = _this.props.value) !== null && _a !== void 0 ? _a : new Date();
                 var selectedDate = new Date(date);
-                selectedDate.setHours(origDate.getHours(), origDate.getMinutes());
+                selectedDate.setHours(origDate.getHours(), origDate.getMinutes(), _this.props.allowSeconds ? origDate.getSeconds() : 0);
                 _this.props.onChange(selectedDate);
             }
             else if (_this.props.valueType === 'object') {
@@ -133452,9 +133444,11 @@ var DateTimePicker = /** @class */ (function (_super) {
     DateTimePicker.prototype.getTimeValue = function () {
         var _a;
         if (this.props.valueType === 'date') {
-            return this.props.value != null
-                ? "".concat(this.prepareFormat(this.props.value.getHours()), ":").concat(this.prepareFormat(this.props.value.getMinutes()))
-                : null;
+            if (this.props.value == null) {
+                return null;
+            }
+            var seconds = this.props.allowSeconds ? ":".concat(this.prepareFormat(this.props.value.getSeconds())) : '';
+            return "".concat(this.prepareFormat(this.props.value.getHours()), ":").concat(this.prepareFormat(this.props.value.getMinutes())).concat(seconds);
         }
         else if (this.props.valueType === 'object') {
             return (_a = this.props.value.time) !== null && _a !== void 0 ? _a : null;
@@ -133524,6 +133518,17 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -133559,117 +133564,132 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimePickerPopover = void 0;
+exports.convert12HourTo24Hour = convert12HourTo24Hour;
+exports.convert24HourTo12Hour = convert24HourTo12Hour;
+exports.toInternalState = toInternalState;
 var React = __importStar(__webpack_require__(0));
-var common_1 = __webpack_require__(54);
+var common_1 = __webpack_require__(49);
 var ContentDivider_1 = __webpack_require__(390);
 var RadioButtonGroup_1 = __webpack_require__(391);
 var time_1 = __webpack_require__(756);
-var helpers_1 = __webpack_require__(24);
-var TimeValueHolder = /** @class */ (function (_super) {
-    __extends(TimeValueHolder, _super);
-    function TimeValueHolder(props) {
-        var _this = _super.call(this, props) || this;
-        _this.spanEl = React.createRef();
-        return _this;
+var TimeValueHolder_1 = __webpack_require__(757);
+function convert12HourTo24Hour(hour, period) {
+    if (period === 'am' && hour === 12) {
+        return 0; // midnight
     }
-    TimeValueHolder.prototype.scrollToValue = function () {
-        var _a;
-        (_a = this.spanEl.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'start', behavior: 'smooth' });
-    };
-    TimeValueHolder.prototype.render = function () {
-        var _a;
-        return (React.createElement("span", { ref: this.props.isActive ? this.spanEl : undefined, onClick: this.props.onClick, className: (0, common_1.classnames)('p-1 time-unit', {
-                'time-unit-highlight': (_a = this.props.isActive) !== null && _a !== void 0 ? _a : false,
-            }) }, this.props.value));
-    };
-    return TimeValueHolder;
-}(React.PureComponent));
-function parseUnitOfTime(unit, value, is12HourFormat) {
-    var _a = (value !== null && value !== void 0 ? value : '').split(':'), hour = _a[0], minutes = _a[1], seconds = _a[2];
-    var valueForUnit = (function () {
-        if (unit === 'hours') {
-            /**
-             * Hour value is always in 24-hour format, so we need to adjust it
-             * to 12-hour if needed.
-             */
+    if (period === 'pm' && hour !== 12) {
+        return hour + 12; // PM and not 12
+    }
+    return hour; // For 12PM, 1-11AM
+}
+function convert24HourTo12Hour(hour) {
+    var remainder = hour % 12;
+    return remainder === 0 ? 12 : remainder;
+}
+function isAm(hours) {
+    return hours < 12;
+}
+function toInternalState(timeStr) {
+    if (timeStr == null || (timeStr !== null && timeStr !== void 0 ? timeStr : '').trim().length < 1) {
+        return {
+            hours: null,
+            minutes: null,
+            seconds: null,
+            period: null,
+        };
+    }
+    var _a = timeStr.split(':'), hours = _a[0], minutes = _a[1], seconds = _a[2];
+    var secondsDefault = hours != null && minutes != null ? '00' : null;
+    return {
+        hours: (function () {
+            if (hours == null) {
+                return null;
+            }
             if (is12HourFormat) {
-                return hour === '00' ? '12' : hour;
+                return convert24HourTo12Hour(parseInt(hours, 10)).toString().padStart(2, '0');
             }
             else {
-                return hour;
+                return hours;
             }
-        }
-        else if (unit === 'minutes') {
-            return minutes;
-        }
-        else if (unit === 'seconds') {
-            return seconds;
-        }
-        else {
-            (0, helpers_1.assertNever)(unit);
-        }
-    })();
-    var valueParsed = is12HourFormat && unit === 'hours' && valueForUnit !== '12'
-        ? parseInt(valueForUnit, 10) % 12
-        : parseInt(valueForUnit, 10);
-    return (0, time_1.padValue)(valueParsed);
+        })(),
+        minutes: minutes !== null && minutes !== void 0 ? minutes : null,
+        seconds: seconds !== null && seconds !== void 0 ? seconds : secondsDefault,
+        period: hours == null ? null : isAm(parseInt(hours, 10)) ? 'am' : 'pm',
+    };
 }
+var is12HourFormat = (function () {
+    var hour = new Date().toLocaleTimeString([]);
+    return hour.includes('AM') || hour.includes('PM');
+})();
 var TimePickerPopover = /** @class */ (function (_super) {
     __extends(TimePickerPopover, _super);
     function TimePickerPopover(props) {
         var _this = _super.call(this, props) || this;
         _this.inputRefs = [React.createRef(), React.createRef(), React.createRef()];
         _this.handleChange = _this.handleChange.bind(_this);
-        var hour = new Date().toLocaleTimeString([]);
-        _this.is12HourFormat = hour.includes('AM') || hour.includes('PM');
+        _this.scrollToValues = _this.scrollToValues.bind(_this);
+        _this.state = toInternalState(props.value);
         return _this;
     }
-    TimePickerPopover.prototype.handleChange = function (unit, value) {
-        var fallbackDate = new Date();
-        var _a = this.props.value == null
-            ? [
-                (0, time_1.padValue)(fallbackDate.getHours()),
-                (0, time_1.padValue)(fallbackDate.getMinutes()),
-                (0, time_1.padValue)(fallbackDate.getSeconds()),
-            ]
-            : this.props.value.split(':'), hour = _a[0], minutes = _a[1], seconds = _a[2];
-        var nextValue = '';
-        if (unit === 'hours') {
-            nextValue = "".concat(value, ":").concat(minutes);
-        }
-        else if (unit === 'minutes') {
-            nextValue = "".concat(hour, ":").concat(value);
-        }
-        else if (unit === 'seconds') {
-            nextValue = "".concat(hour, ":").concat(minutes, ":").concat(value);
-        }
-        else {
-            (0, helpers_1.assertNever)(unit);
-        }
-        if (this.props.allowSeconds && unit !== 'seconds') {
-            nextValue += ":".concat(seconds);
-        }
-        this.props.onChange(nextValue);
+    TimePickerPopover.prototype.handleChange = function (nextState) {
+        var _this = this;
+        this.setState(nextState, function () {
+            var timeParts = [];
+            if (_this.state.hours == null) {
+                return;
+            }
+            if (is12HourFormat) {
+                if (_this.state.period == null) {
+                    return;
+                }
+                timeParts.push(convert12HourTo24Hour(parseInt(_this.state.hours, 10), _this.state.period)
+                    .toString()
+                    .padStart(2, '0'));
+            }
+            else {
+                timeParts.push(_this.state.hours);
+            }
+            if (_this.state.minutes == null) {
+                return;
+            }
+            else {
+                timeParts.push(_this.state.minutes);
+            }
+            if (_this.props.allowSeconds) {
+                if (_this.state.seconds == null) {
+                    return;
+                }
+                else {
+                    timeParts.push(_this.state.seconds);
+                }
+            }
+            _this.props.onChange(timeParts.join(':'));
+        });
     };
-    TimePickerPopover.prototype.componentDidMount = function () {
+    TimePickerPopover.prototype.scrollToValues = function () {
         this.inputRefs.forEach(function (unitOfTime) { var _a, _b; return (_b = (_a = unitOfTime === null || unitOfTime === void 0 ? void 0 : unitOfTime.current) === null || _a === void 0 ? void 0 : _a.scrollToValue) === null || _b === void 0 ? void 0 : _b.call(_a); });
     };
+    TimePickerPopover.prototype.componentDidMount = function () {
+        this.scrollToValues();
+    };
+    TimePickerPopover.prototype.componentDidUpdate = function (prevProps) {
+        var _this = this;
+        if (this.props.value !== prevProps.value) {
+            this.setState(toInternalState(this.props.value), function () {
+                _this.scrollToValues();
+            });
+        }
+    };
     TimePickerPopover.prototype.render = function () {
         var _this = this;
-        var _a;
         var styleForColumnOfUnit = {
             maxHeight: 190,
             overflowY: 'auto',
-            scrollbarWidth: 'none',
+            scrollbarWidth: 'thin',
             marginTop: 'var(--gap-1)',
             scrollBehavior: 'smooth',
         };
-        return (React.createElement("div", { className: "sd-shadow--z2 radius-md", onBlur: this.props.closePopup, onKeyDown: function (event) {
-                if (event.key === 'Enter' || event.key === 'Escape') {
-                    event.preventDefault();
-                    _this.props.closePopup();
-                }
-            }, tabIndex: 0 },
+        return (React.createElement("div", { className: "sd-shadow--z2 radius-md" },
             React.createElement(common_1.Spacer, { v: true, gap: "0", style: {
                     minWidth: 200,
                     maxWidth: 'max-content',
@@ -133678,58 +133698,36 @@ var TimePickerPopover = /** @class */ (function (_super) {
                 } },
                 this.props.headerTemplate && (React.createElement("div", { className: "px-1-5 py-1", style: { borderBottom: '1px solid var(--color-line-x-light)' } }, this.props.headerTemplate)),
                 React.createElement(common_1.Spacer, { h: true, gap: "4", noWrap: true, justifyContent: "center", alignItems: "start", style: { paddingInline: 'var(--gap-1)' } },
-                    React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('hours', this.is12HourFormat).map(function (hour) {
-                        var isActiveHour = hour === parseUnitOfTime('hours', _this.props.value, _this.is12HourFormat);
-                        return (React.createElement(TimeValueHolder, { key: hour, ref: isActiveHour ? _this.inputRefs[0] : undefined, onClick: function () {
-                                _this.handleChange('hours', hour);
+                    React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('hours', is12HourFormat).map(function (hour) {
+                        var isActiveHour = hour === _this.state.hours;
+                        return (React.createElement(TimeValueHolder_1.TimeValueHolder, { key: hour, ref: isActiveHour ? _this.inputRefs[0] : undefined, onClick: function () {
+                                _this.handleChange(__assign(__assign({}, _this.state), { hours: hour }));
                             }, isActive: isActiveHour, value: hour }));
                     })),
                     React.createElement(ContentDivider_1.ContentDivider, { align: "center", border: true, type: "solid", orientation: "vertical", margin: "none" }),
-                    React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('minutes', this.is12HourFormat).map(function (minute) {
-                        var isActiveMinute = minute === parseUnitOfTime('minutes', _this.props.value, _this.is12HourFormat);
-                        return (React.createElement(TimeValueHolder, { key: minute, ref: isActiveMinute ? _this.inputRefs[1] : undefined, isActive: isActiveMinute, value: minute, onClick: function () {
-                                _this.handleChange('minutes', minute);
+                    React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('minutes', is12HourFormat).map(function (minute) {
+                        var isActiveMinute = minute === _this.state.minutes;
+                        return (React.createElement(TimeValueHolder_1.TimeValueHolder, { key: minute, ref: isActiveMinute ? _this.inputRefs[1] : undefined, isActive: isActiveMinute, value: minute, onClick: function () {
+                                _this.handleChange(__assign(__assign({}, _this.state), { minutes: minute }));
                             } }));
                     })),
                     this.props.allowSeconds && (React.createElement(React.Fragment, null,
                         React.createElement(ContentDivider_1.ContentDivider, { align: "center", border: true, type: "solid", orientation: "vertical", margin: "none" }),
-                        React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('seconds', this.is12HourFormat).map(function (second) {
-                            var isActiveMinute = second ===
-                                parseUnitOfTime('seconds', _this.props.value, _this.is12HourFormat);
-                            return (React.createElement(TimeValueHolder, { key: second, ref: isActiveMinute ? _this.inputRefs[2] : undefined, onClick: function () {
-                                    _this.handleChange('seconds', second);
-                                }, isActive: isActiveMinute, value: second }));
+                        React.createElement(common_1.Spacer, { v: true, gap: "4", style: styleForColumnOfUnit, alignItems: "center", noWrap: true }, (0, time_1.getOptionsForTimeUnit)('seconds', is12HourFormat).map(function (second) {
+                            var isActiveSecond = second === _this.state.seconds;
+                            return (React.createElement(TimeValueHolder_1.TimeValueHolder, { key: second, ref: isActiveSecond ? _this.inputRefs[2] : undefined, onClick: function () {
+                                    _this.handleChange(__assign(__assign({}, _this.state), { seconds: second }));
+                                }, isActive: isActiveSecond, value: second }));
                         })))),
-                    this.is12HourFormat && (React.createElement("div", { style: {
+                    is12HourFormat && (React.createElement("div", { style: {
                             marginTop: 'var(--gap-1)',
                         } },
                         React.createElement(RadioButtonGroup_1.RadioButtonGroup, { onChange: function (nextValue) {
-                                var _a;
-                                var _b = ((_a = _this.props.value) !== null && _a !== void 0 ? _a : '').split(':'), hour = _b[0], minutes = _b[1], seconds = _b[2];
-                                if (nextValue === 'PM') {
-                                    var newValue = "".concat((0, time_1.padValue)(parseInt(hour, 10) + 12), ":").concat(minutes);
-                                    if (_this.props.allowSeconds) {
-                                        newValue += ":".concat(seconds);
-                                    }
-                                    _this.props.onChange(newValue);
-                                }
-                                else {
-                                    var newValue = "".concat((0, time_1.padValue)(parseInt(hour, 10) - 12), ":").concat(minutes);
-                                    if (_this.props.allowSeconds) {
-                                        newValue += ":".concat(seconds);
-                                    }
-                                    _this.props.onChange(newValue);
-                                }
+                                _this.handleChange(__assign(__assign({}, _this.state), { period: nextValue }));
                             }, options: [
-                                {
-                                    label: 'AM',
-                                    value: 'AM',
-                                },
-                                {
-                                    label: 'PM',
-                                    value: 'PM',
-                                },
-                            ], value: parseInt(((_a = this.props.value) !== null && _a !== void 0 ? _a : '').split(':')[0], 10) < 12 ? 'AM' : 'PM' })))),
+                                { label: 'AM', value: 'am' },
+                                { label: 'PM', value: 'pm' },
+                            ], value: this.state.period == null ? '' : this.state.period })))),
                 this.props.footerTemplate && (React.createElement("div", { className: "px-1-5 py-1", style: { borderTop: '1px solid var(--color-line-x-light)' } }, this.props.footerTemplate)))));
     };
     return TimePickerPopover;
@@ -133755,7 +133753,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getOptionsForTimeUnit = getOptionsForTimeUnit;
 exports.padValue = padValue;
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 function getOptionsForTimeUnit(timeUnit, is12HourFormat, disabledOptions) {
     var format12HourArr = __spreadArray([12], (0, lodash_1.range)(1, 12), true);
     var timeUnitArray = (function () {
@@ -133786,6 +133784,86 @@ function padValue(value) {
 
 "use strict";
 
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimeValueHolder = void 0;
+var React = __importStar(__webpack_require__(0));
+var common_1 = __webpack_require__(49);
+var TimeValueHolder = /** @class */ (function (_super) {
+    __extends(TimeValueHolder, _super);
+    function TimeValueHolder(props) {
+        var _this = _super.call(this, props) || this;
+        _this.spanEl = React.createRef();
+        return _this;
+    }
+    TimeValueHolder.prototype.scrollToValue = function () {
+        var _a;
+        (_a = this.spanEl.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({ block: 'start', behavior: 'smooth' });
+    };
+    TimeValueHolder.prototype.render = function () {
+        var _a;
+        return (React.createElement("span", { ref: this.props.isActive ? this.spanEl : undefined, onClick: this.props.onClick, className: (0, common_1.classnames)('p-1 time-unit', {
+                'time-unit-highlight': (_a = this.props.isActive) !== null && _a !== void 0 ? _a : false,
+            }) }, this.props.value));
+    };
+    return TimeValueHolder;
+}(React.PureComponent));
+exports.TimeValueHolder = TimeValueHolder;
+
+
+/***/ }),
+/* 758 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
 var __extends = (this && this.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -133865,7 +133943,7 @@ exports.FormLabel = FormLabel;
 
 
 /***/ }),
-/* 758 */
+/* 759 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -133969,7 +134047,7 @@ exports.Switch = Switch;
 
 
 /***/ }),
-/* 759 */
+/* 760 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134049,7 +134127,7 @@ exports.SwitchGroup = SwitchGroup;
 
 
 /***/ }),
-/* 760 */
+/* 761 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134139,7 +134217,7 @@ exports.RadioGroup = RadioGroup;
 
 
 /***/ }),
-/* 761 */
+/* 762 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134225,7 +134303,7 @@ exports.Checkbox = Checkbox;
 
 
 /***/ }),
-/* 762 */
+/* 763 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134311,7 +134389,7 @@ exports.CheckboxButton = CheckboxButton;
 
 
 /***/ }),
-/* 763 */
+/* 764 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134389,7 +134467,7 @@ exports.CheckGroup = CheckGroup;
 
 
 /***/ }),
-/* 764 */
+/* 765 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134474,7 +134552,7 @@ exports.CheckButtonGroup = CheckButtonGroup;
 
 
 /***/ }),
-/* 765 */
+/* 766 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134562,7 +134640,7 @@ exports.NavButton = NavButton;
 
 
 /***/ }),
-/* 766 */
+/* 767 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134673,7 +134751,7 @@ exports.TabList = TabList;
 
 
 /***/ }),
-/* 767 */
+/* 768 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -134819,7 +134897,7 @@ exports.LeftMenu = LeftMenu;
 
 
 /***/ }),
-/* 768 */
+/* 769 */
 /***/ (function(module, exports) {
 
 function _interopRequireDefault(obj) {
@@ -134831,7 +134909,7 @@ function _interopRequireDefault(obj) {
 module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 769 */
+/* 770 */
 /***/ (function(module, exports) {
 
 function _extends() {
@@ -134854,7 +134932,7 @@ function _extends() {
 module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 770 */
+/* 771 */
 /***/ (function(module, exports) {
 
 function _defineProperty(obj, key, value) {
@@ -134875,16 +134953,16 @@ function _defineProperty(obj, key, value) {
 module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 771 */
+/* 772 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var arrayWithoutHoles = __webpack_require__(772);
+var arrayWithoutHoles = __webpack_require__(773);
 
-var iterableToArray = __webpack_require__(773);
+var iterableToArray = __webpack_require__(774);
 
-var unsupportedIterableToArray = __webpack_require__(774);
+var unsupportedIterableToArray = __webpack_require__(775);
 
-var nonIterableSpread = __webpack_require__(775);
+var nonIterableSpread = __webpack_require__(776);
 
 function _toConsumableArray(arr) {
   return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
@@ -134893,7 +134971,7 @@ function _toConsumableArray(arr) {
 module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 772 */
+/* 773 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var arrayLikeToArray = __webpack_require__(393);
@@ -134905,7 +134983,7 @@ function _arrayWithoutHoles(arr) {
 module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 773 */
+/* 774 */
 /***/ (function(module, exports) {
 
 function _iterableToArray(iter) {
@@ -134915,7 +134993,7 @@ function _iterableToArray(iter) {
 module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 774 */
+/* 775 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var arrayLikeToArray = __webpack_require__(393);
@@ -134932,7 +135010,7 @@ function _unsupportedIterableToArray(o, minLen) {
 module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 775 */
+/* 776 */
 /***/ (function(module, exports) {
 
 function _nonIterableSpread() {
@@ -134942,7 +135020,7 @@ function _nonIterableSpread() {
 module.exports = _nonIterableSpread, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 776 */
+/* 777 */
 /***/ (function(module, exports) {
 
 function _classCallCheck(instance, Constructor) {
@@ -134954,10 +135032,10 @@ function _classCallCheck(instance, Constructor) {
 module.exports = _classCallCheck, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 777 */
+/* 778 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var _typeof = __webpack_require__(778)["default"];
+var _typeof = __webpack_require__(779)["default"];
 
 var assertThisInitialized = __webpack_require__(394);
 
@@ -134974,7 +135052,7 @@ function _possibleConstructorReturn(self, call) {
 module.exports = _possibleConstructorReturn, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 778 */
+/* 779 */
 /***/ (function(module, exports) {
 
 function _typeof(obj) {
@@ -134990,7 +135068,7 @@ function _typeof(obj) {
 module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 779 */
+/* 780 */
 /***/ (function(module, exports) {
 
 function _getPrototypeOf(o) {
@@ -135003,7 +135081,7 @@ function _getPrototypeOf(o) {
 module.exports = _getPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 780 */
+/* 781 */
 /***/ (function(module, exports) {
 
 function _defineProperties(target, props) {
@@ -135028,10 +135106,10 @@ function _createClass(Constructor, protoProps, staticProps) {
 module.exports = _createClass, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 781 */
+/* 782 */
 /***/ (function(module, exports, __webpack_require__) {
 
-var setPrototypeOf = __webpack_require__(782);
+var setPrototypeOf = __webpack_require__(783);
 
 function _inherits(subClass, superClass) {
   if (typeof superClass !== "function" && superClass !== null) {
@@ -135054,7 +135132,7 @@ function _inherits(subClass, superClass) {
 module.exports = _inherits, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 782 */
+/* 783 */
 /***/ (function(module, exports) {
 
 function _setPrototypeOf(o, p) {
@@ -135068,7 +135146,7 @@ function _setPrototypeOf(o, p) {
 module.exports = _setPrototypeOf, module.exports.__esModule = true, module.exports["default"] = module.exports;
 
 /***/ }),
-/* 783 */
+/* 784 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -135104,7 +135182,7 @@ var _default = throttle;
 exports.default = _default;
 
 /***/ }),
-/* 784 */
+/* 785 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -135203,7 +135281,7 @@ exports.SubNav = SubNav;
 
 
 /***/ }),
-/* 785 */
+/* 786 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -135283,7 +135361,7 @@ exports.SlidingToolbar = SlidingToolbar;
 
 
 /***/ }),
-/* 786 */
+/* 787 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -135353,7 +135431,7 @@ exports.StrechBar = StrechBar;
 
 
 /***/ }),
-/* 787 */
+/* 788 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -135448,7 +135526,7 @@ exports.PropsList = PropsList;
 
 
 /***/ }),
-/* 788 */
+/* 789 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -135529,7 +135607,7 @@ exports.Divider = Divider;
 
 
 /***/ }),
-/* 789 */
+/* 790 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -135603,7 +135681,7 @@ exports.HeadingText = HeadingText;
 
 
 /***/ }),
-/* 790 */
+/* 791 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -135675,16 +135753,16 @@ exports.Tag = Tag;
 
 
 /***/ }),
-/* 791 */
+/* 792 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(792);
+module.exports = __webpack_require__(793);
 
 /***/ }),
-/* 792 */
+/* 793 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -136060,7 +136138,7 @@ _defineProperty(Chips, "propTypes", {
 });
 
 /***/ }),
-/* 793 */
+/* 794 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -136143,7 +136221,7 @@ exports.TabPanel = TabPanel;
 
 
 /***/ }),
-/* 794 */
+/* 795 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -136218,7 +136296,7 @@ var EmptyState = /** @class */ (function (_super) {
             _a));
         var size = (_b = this.props.size) !== null && _b !== void 0 ? _b : 'small';
         var illustration = (_c = this.props.illustration) !== null && _c !== void 0 ? _c : '1';
-        var image = __webpack_require__(795)("./empty-state--".concat(size, "-").concat(illustration, ".svg")).default;
+        var image = __webpack_require__(796)("./empty-state--".concat(size, "-").concat(illustration, ".svg")).default;
         return (React.createElement("div", { className: 'content-state--empty-container' +
                 (this.props.absolutePositioned ? ' content-state__empty-container--absolute' : '') },
             React.createElement("div", { className: "content-state__empty-info" },
@@ -136233,17 +136311,17 @@ exports.EmptyState = EmptyState;
 
 
 /***/ }),
-/* 795 */
+/* 796 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var map = {
-	"./empty-state--large-1.svg": 796,
-	"./empty-state--large-2.svg": 797,
-	"./empty-state--large-3.svg": 798,
-	"./empty-state--large-dashboard.svg": 799,
-	"./empty-state--small-1.svg": 800,
-	"./empty-state--small-2.svg": 801,
-	"./empty-state--small-3.svg": 802
+	"./empty-state--large-1.svg": 797,
+	"./empty-state--large-2.svg": 798,
+	"./empty-state--large-3.svg": 799,
+	"./empty-state--large-dashboard.svg": 800,
+	"./empty-state--small-1.svg": 801,
+	"./empty-state--small-2.svg": 802,
+	"./empty-state--small-3.svg": 803
 };
 function webpackContext(req) {
 	return __webpack_require__(webpackContextResolve(req));
@@ -136259,52 +136337,52 @@ webpackContext.keys = function webpackContextKeys() {
 };
 webpackContext.resolve = webpackContextResolve;
 module.exports = webpackContext;
-webpackContext.id = 795;
+webpackContext.id = 796;
 
 /***/ }),
-/* 796 */
+/* 797 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--large-1.svg";
 
 /***/ }),
-/* 797 */
+/* 798 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--large-2.svg";
 
 /***/ }),
-/* 798 */
+/* 799 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--large-3.svg";
 
 /***/ }),
-/* 799 */
+/* 800 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--large-dashboard.svg";
 
 /***/ }),
-/* 800 */
+/* 801 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--small-1.svg";
 
 /***/ }),
-/* 801 */
+/* 802 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--small-2.svg";
 
 /***/ }),
-/* 802 */
+/* 803 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports = __webpack_require__.p + "empty-state--small-3.svg";
 
 /***/ }),
-/* 803 */
+/* 804 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -136372,7 +136450,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Autocomplete = void 0;
 var React = __importStar(__webpack_require__(0));
-var autocomplete_1 = __webpack_require__(804);
+var autocomplete_1 = __webpack_require__(805);
 var classnames_1 = __importDefault(__webpack_require__(3));
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var Autocomplete = /** @class */ (function (_super) {
@@ -136480,16 +136558,16 @@ exports.Autocomplete = Autocomplete;
 
 
 /***/ }),
-/* 804 */
+/* 805 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(805);
+module.exports = __webpack_require__(806);
 
 /***/ }),
-/* 805 */
+/* 806 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -136506,12 +136584,12 @@ var _InputText = __webpack_require__(132);
 var _Button = __webpack_require__(372);
 var _DomHandler = _interopRequireDefault(__webpack_require__(22));
 var _ObjectUtils = _interopRequireDefault(__webpack_require__(27));
-var _AutoCompletePanel = __webpack_require__(806);
+var _AutoCompletePanel = __webpack_require__(807);
 var _ClassNames = __webpack_require__(16);
 var _Tooltip = __webpack_require__(39);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
 var _reactTransitionGroup = __webpack_require__(40);
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(51));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -137315,7 +137393,7 @@ _defineProperty(AutoComplete, "propTypes", {
 });
 
 /***/ }),
-/* 806 */
+/* 807 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -137428,7 +137506,7 @@ _defineProperty(AutoCompletePanel, "propTypes", {
 });
 
 /***/ }),
-/* 807 */
+/* 808 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -137484,7 +137562,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DonutChart = void 0;
 var React = __importStar(__webpack_require__(0));
-var chart_1 = __webpack_require__(808);
+var chart_1 = __webpack_require__(809);
 var DonutChart = /** @class */ (function (_super) {
     __extends(DonutChart, _super);
     function DonutChart() {
@@ -137499,16 +137577,16 @@ exports.DonutChart = DonutChart;
 
 
 /***/ }),
-/* 808 */
+/* 809 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(809);
+module.exports = __webpack_require__(810);
 
 /***/ }),
-/* 809 */
+/* 810 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -137520,7 +137598,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.Chart = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(0));
 var _propTypes = _interopRequireDefault(__webpack_require__(8));
-var ChartJS = _interopRequireWildcard(__webpack_require__(810));
+var ChartJS = _interopRequireWildcard(__webpack_require__(811));
 var _ClassNames = __webpack_require__(16);
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -137656,7 +137734,7 @@ _defineProperty(Chart, "propTypes", {
 });
 
 /***/ }),
-/* 810 */
+/* 811 */
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
@@ -153834,7 +153912,7 @@ return src;
 
 
 /***/ }),
-/* 811 */
+/* 812 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -153890,7 +153968,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Carousel = void 0;
 var React = __importStar(__webpack_require__(0));
-var carousel_1 = __webpack_require__(812);
+var carousel_1 = __webpack_require__(813);
 var Badge_1 = __webpack_require__(75);
 var Carousel = /** @class */ (function (_super) {
     __extends(Carousel, _super);
@@ -153916,16 +153994,16 @@ exports.Carousel = Carousel;
 
 
 /***/ }),
-/* 812 */
+/* 813 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(813);
+module.exports = __webpack_require__(814);
 
 /***/ }),
-/* 813 */
+/* 814 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -154641,7 +154719,7 @@ _defineProperty(Carousel, "propTypes", {
 });
 
 /***/ }),
-/* 814 */
+/* 815 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -154700,9 +154778,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
 var React = __importStar(__webpack_require__(0));
-var dialog_1 = __webpack_require__(815);
+var dialog_1 = __webpack_require__(816);
 var classnames_1 = __importDefault(__webpack_require__(3));
-var lodash_1 = __webpack_require__(25);
+var lodash_1 = __webpack_require__(24);
 var zIndex_1 = __webpack_require__(31);
 var Modal = /** @class */ (function (_super) {
     __extends(Modal, _super);
@@ -154730,16 +154808,16 @@ exports.Modal = Modal;
 
 
 /***/ }),
-/* 815 */
+/* 816 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(816);
+module.exports = __webpack_require__(817);
 
 /***/ }),
-/* 816 */
+/* 817 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155220,7 +155298,7 @@ _defineProperty(Dialog, "propTypes", {
 });
 
 /***/ }),
-/* 817 */
+/* 818 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155306,7 +155384,7 @@ exports.GridList = GridList;
 
 
 /***/ }),
-/* 818 */
+/* 819 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155351,7 +155429,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.toasted = void 0;
 var React = __importStar(__webpack_require__(0));
 var ReactDOM = __importStar(__webpack_require__(14));
-var ToastWrapper_1 = __importDefault(__webpack_require__(819));
+var ToastWrapper_1 = __importDefault(__webpack_require__(820));
 var TOAST_ID = 'react-toast';
 var Toasted = /** @class */ (function () {
     function Toasted() {
@@ -155396,7 +155474,7 @@ exports.toasted = new Toasted();
 
 
 /***/ }),
-/* 819 */
+/* 820 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155471,7 +155549,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var React = __importStar(__webpack_require__(0));
-var ToastMessage_1 = __webpack_require__(820);
+var ToastMessage_1 = __webpack_require__(821);
 var firstState = {
     top: [],
     bottom: [],
@@ -155535,7 +155613,7 @@ exports.default = ToastWrapper;
 
 
 /***/ }),
-/* 820 */
+/* 821 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155579,7 +155657,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToastMessage = void 0;
 var React = __importStar(__webpack_require__(0));
-var ToastText_1 = __importDefault(__webpack_require__(821));
+var ToastText_1 = __importDefault(__webpack_require__(822));
 var classnames_1 = __importDefault(__webpack_require__(3));
 var ToastMessage = function (_a) {
     var _b;
@@ -155623,7 +155701,7 @@ exports.ToastMessage = ToastMessage;
 
 
 /***/ }),
-/* 821 */
+/* 822 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155683,7 +155761,7 @@ exports.default = ToastText;
 
 
 /***/ }),
-/* 822 */
+/* 823 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155739,8 +155817,8 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Menu = void 0;
 var React = __importStar(__webpack_require__(0));
-var tieredmenu_1 = __webpack_require__(823);
-var helpers_1 = __webpack_require__(24);
+var tieredmenu_1 = __webpack_require__(824);
+var helpers_1 = __webpack_require__(25);
 var zIndex_1 = __webpack_require__(31);
 function isSeparator(item) {
     return item['separator'] === true;
@@ -155833,16 +155911,16 @@ exports.Menu = Menu;
 
 
 /***/ }),
-/* 823 */
+/* 824 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(824);
+module.exports = __webpack_require__(825);
 
 /***/ }),
-/* 824 */
+/* 825 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -155858,10 +155936,10 @@ var _reactDom = _interopRequireDefault(__webpack_require__(14));
 var _propTypes = _interopRequireDefault(__webpack_require__(8));
 var _ClassNames = __webpack_require__(16);
 var _DomHandler = _interopRequireDefault(__webpack_require__(22));
-var _TieredMenuSub = __webpack_require__(825);
+var _TieredMenuSub = __webpack_require__(826);
 var _reactTransitionGroup = __webpack_require__(40);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(51));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -156168,7 +156246,7 @@ _defineProperty(TieredMenu, "propTypes", {
 });
 
 /***/ }),
-/* 825 */
+/* 826 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156517,7 +156595,7 @@ _defineProperty(TieredMenuSub, "propTypes", {
 });
 
 /***/ }),
-/* 826 */
+/* 827 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156668,7 +156746,7 @@ exports.SimpleToggleBox = SimpleToggleBox;
 
 
 /***/ }),
-/* 827 */
+/* 828 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156808,16 +156886,16 @@ exports.CustomHeaderToggleBox = CustomHeaderToggleBox;
 
 
 /***/ }),
-/* 828 */
+/* 829 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(829);
+module.exports = __webpack_require__(830);
 
 /***/ }),
-/* 829 */
+/* 830 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -156835,7 +156913,7 @@ var _DomHandler = _interopRequireDefault(__webpack_require__(22));
 var _reactTransitionGroup = __webpack_require__(40);
 var _Ripple = __webpack_require__(28);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(51));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -157118,7 +157196,7 @@ _defineProperty(OverlayPanel, "propTypes", {
 });
 
 /***/ }),
-/* 830 */
+/* 831 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157428,7 +157506,7 @@ var getIcons = function (translateFunction) {
 
 
 /***/ }),
-/* 831 */
+/* 832 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157563,7 +157641,7 @@ exports.ThemeSelector = ThemeSelector;
 
 
 /***/ }),
-/* 832 */
+/* 833 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157677,7 +157755,7 @@ exports.DropZone = DropZone;
 
 
 /***/ }),
-/* 833 */
+/* 834 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157766,7 +157844,7 @@ exports.CreateButton = CreateButton;
 
 
 /***/ }),
-/* 834 */
+/* 835 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -157899,7 +157977,7 @@ exports.SearchBar = SearchBar;
 
 
 /***/ }),
-/* 835 */
+/* 836 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158115,7 +158193,7 @@ exports.SvgIconIllustration = SvgIconIllustration;
 
 
 /***/ }),
-/* 836 */
+/* 837 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158194,7 +158272,7 @@ exports.IllustrationButton = IllustrationButton;
 
 
 /***/ }),
-/* 837 */
+/* 838 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158251,7 +158329,7 @@ exports.Layout = Layout;
 
 
 /***/ }),
-/* 838 */
+/* 839 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158328,7 +158406,7 @@ exports.LayoutContainer = LayoutContainer;
 
 
 /***/ }),
-/* 839 */
+/* 840 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158398,7 +158476,7 @@ exports.HeaderPanel = HeaderPanel;
 
 
 /***/ }),
-/* 840 */
+/* 841 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158478,7 +158556,7 @@ exports.MainPanel = MainPanel;
 
 
 /***/ }),
-/* 841 */
+/* 842 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158555,7 +158633,7 @@ exports.LeftPanel = LeftPanel;
 
 
 /***/ }),
-/* 842 */
+/* 843 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158625,7 +158703,7 @@ exports.RightPanel = RightPanel;
 
 
 /***/ }),
-/* 843 */
+/* 844 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158697,7 +158775,7 @@ exports.OverlayPanel = OverlayPanel;
 
 
 /***/ }),
-/* 844 */
+/* 845 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158782,7 +158860,7 @@ exports.AuthoringContainer = AuthoringContainer;
 
 
 /***/ }),
-/* 845 */
+/* 846 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158862,7 +158940,7 @@ exports.ContentSplitter = ContentSplitter;
 
 
 /***/ }),
-/* 846 */
+/* 847 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -158949,7 +159027,7 @@ exports.PageLayout = PageLayout;
 
 
 /***/ }),
-/* 847 */
+/* 848 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159032,7 +159110,7 @@ exports.Container = Container;
 
 
 /***/ }),
-/* 848 */
+/* 849 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159102,7 +159180,7 @@ exports.AuthoringFrameContainer = AuthoringFrameContainer;
 
 
 /***/ }),
-/* 849 */
+/* 850 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159172,7 +159250,7 @@ exports.AuthoringFrameMain = AuthoringFrameMain;
 
 
 /***/ }),
-/* 850 */
+/* 851 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159242,7 +159320,7 @@ exports.AuthoringFrameNavBar = AuthoringFrameNavBar;
 
 
 /***/ }),
-/* 851 */
+/* 852 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159312,7 +159390,7 @@ exports.AuthoringFrameLeftBar = AuthoringFrameLeftBar;
 
 
 /***/ }),
-/* 852 */
+/* 853 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159393,7 +159471,7 @@ exports.AuthoringFrameRightBar = AuthoringFrameRightBar;
 
 
 /***/ }),
-/* 853 */
+/* 854 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159472,7 +159550,7 @@ exports.AuthoringFrameSidePanel = AuthoringFrameSidePanel;
 
 
 /***/ }),
-/* 854 */
+/* 855 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159551,7 +159629,7 @@ exports.AuthoringFrameSidePanelOverlay = AuthoringFrameSidePanelOverlay;
 
 
 /***/ }),
-/* 855 */
+/* 856 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159621,7 +159699,7 @@ exports.AuthoringFrameOverlay = AuthoringFrameOverlay;
 
 
 /***/ }),
-/* 856 */
+/* 857 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159700,7 +159778,7 @@ exports.AuthoringFrame = AuthoringFrame;
 
 
 /***/ }),
-/* 857 */
+/* 858 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159776,7 +159854,7 @@ exports.AuthoringMain = AuthoringMain;
 
 
 /***/ }),
-/* 858 */
+/* 859 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159846,7 +159924,7 @@ exports.AuthoringMainContainer = AuthoringMainContainer;
 
 
 /***/ }),
-/* 859 */
+/* 860 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159923,7 +160001,7 @@ exports.AuthoringMainToolBar = AuthoringMainToolBar;
 
 
 /***/ }),
-/* 860 */
+/* 861 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -159993,7 +160071,7 @@ exports.AuthoringMainContent = AuthoringMainContent;
 
 
 /***/ }),
-/* 861 */
+/* 862 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160088,7 +160166,7 @@ exports.AuthoringInnerHeader = AuthoringInnerHeader;
 
 
 /***/ }),
-/* 862 */
+/* 863 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160164,7 +160242,7 @@ exports.AuthoringInnerBody = AuthoringInnerBody;
 
 
 /***/ }),
-/* 863 */
+/* 864 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160234,7 +160312,7 @@ exports.AuthorinInnerSideBar = AuthorinInnerSideBar;
 
 
 /***/ }),
-/* 864 */
+/* 865 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160310,7 +160388,7 @@ exports.CoreLayout = CoreLayout;
 
 
 /***/ }),
-/* 865 */
+/* 866 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160380,7 +160458,7 @@ exports.CoreLayoutContainer = CoreLayoutContainer;
 
 
 /***/ }),
-/* 866 */
+/* 867 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160455,7 +160533,7 @@ exports.CoreLayoutTopMenu = CoreLayoutTopMenu;
 
 
 /***/ }),
-/* 867 */
+/* 868 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160532,7 +160610,7 @@ exports.CoreLayoutMain = CoreLayoutMain;
 
 
 /***/ }),
-/* 868 */
+/* 869 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160611,7 +160689,7 @@ exports.CoreLayoutSlideInMenu = CoreLayoutSlideInMenu;
 
 
 /***/ }),
-/* 869 */
+/* 870 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160681,7 +160759,7 @@ exports.CoreLayoutFooter = CoreLayoutFooter;
 
 
 /***/ }),
-/* 870 */
+/* 871 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160751,7 +160829,7 @@ exports.CoreLayoutOverlay = CoreLayoutOverlay;
 
 
 /***/ }),
-/* 871 */
+/* 872 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160835,7 +160913,7 @@ exports.HamburgerButton = HamburgerButton;
 
 
 /***/ }),
-/* 872 */
+/* 873 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160915,7 +160993,7 @@ exports.BottomBarAction = BottomBarAction;
 
 
 /***/ }),
-/* 873 */
+/* 874 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -161037,7 +161115,7 @@ exports.default = MainMenu;
 
 
 /***/ }),
-/* 874 */
+/* 875 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -161168,7 +161246,7 @@ exports.default = NotificationPanel;
 
 
 /***/ }),
-/* 875 */
+/* 876 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -161289,7 +161367,7 @@ exports.SideBarMenu = SideBarMenu;
 
 
 /***/ }),
-/* 876 */
+/* 877 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -161398,7 +161476,7 @@ exports.SideBarTabs = SideBarTabs;
 
 
 /***/ }),
-/* 877 */
+/* 878 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -161534,7 +161612,7 @@ exports.QuickNavBar = QuickNavBar;
 
 
 /***/ }),
-/* 878 */
+/* 879 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -161636,7 +161714,7 @@ exports.SimpleList = SimpleList;
 
 
 /***/ }),
-/* 879 */
+/* 880 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -161818,7 +161896,7 @@ exports.BoxedList = BoxedList;
 
 
 /***/ }),
-/* 880 */
+/* 881 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -161903,7 +161981,7 @@ exports.ListItemLoader = ListItemLoader;
 
 
 /***/ }),
-/* 881 */
+/* 882 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -161995,7 +162073,7 @@ exports.Text = Text;
 
 
 /***/ }),
-/* 882 */
+/* 883 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -162081,7 +162159,7 @@ exports.Time = Time;
 
 
 /***/ }),
-/* 883 */
+/* 884 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -162181,7 +162259,7 @@ exports.Heading = Heading;
 
 
 /***/ }),
-/* 884 */
+/* 885 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -162240,7 +162318,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MultiSelect = void 0;
 var React = __importStar(__webpack_require__(0));
-var multiselect_1 = __webpack_require__(885);
+var multiselect_1 = __webpack_require__(886);
 var classnames_1 = __importDefault(__webpack_require__(3));
 var react_id_generator_1 = __importDefault(__webpack_require__(15));
 var Form_1 = __webpack_require__(18);
@@ -162281,16 +162359,16 @@ exports.MultiSelect = MultiSelect;
 
 
 /***/ }),
-/* 885 */
+/* 886 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-module.exports = __webpack_require__(886);
+module.exports = __webpack_require__(887);
 
 /***/ }),
-/* 886 */
+/* 887 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -162308,11 +162386,11 @@ var _Tooltip = __webpack_require__(39);
 var _DomHandler = _interopRequireDefault(__webpack_require__(22));
 var _FilterUtils = _interopRequireDefault(__webpack_require__(166));
 var _ObjectUtils = _interopRequireDefault(__webpack_require__(27));
-var _MultiSelectHeader = __webpack_require__(887);
-var _MultiSelectItem = __webpack_require__(889);
-var _MultiSelectPanel = __webpack_require__(890);
+var _MultiSelectHeader = __webpack_require__(888);
+var _MultiSelectItem = __webpack_require__(890);
+var _MultiSelectPanel = __webpack_require__(891);
 var _UniqueComponentId = _interopRequireDefault(__webpack_require__(41));
-var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(51));
+var _ConnectedOverlayScrollHandler = _interopRequireDefault(__webpack_require__(52));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
@@ -163131,7 +163209,7 @@ _defineProperty(MultiSelect, "propTypes", {
 });
 
 /***/ }),
-/* 887 */
+/* 888 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -163144,7 +163222,7 @@ exports.MultiSelectHeader = void 0;
 var _react = _interopRequireWildcard(__webpack_require__(0));
 var _propTypes = _interopRequireDefault(__webpack_require__(8));
 var _InputText = __webpack_require__(132);
-var _Checkbox = __webpack_require__(888);
+var _Checkbox = __webpack_require__(889);
 var _Ripple = __webpack_require__(28);
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
@@ -163252,7 +163330,7 @@ _defineProperty(MultiSelectHeader, "propTypes", {
 });
 
 /***/ }),
-/* 888 */
+/* 889 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -163469,7 +163547,7 @@ _defineProperty(Checkbox, "propTypes", {
 });
 
 /***/ }),
-/* 889 */
+/* 890 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -163581,7 +163659,7 @@ _defineProperty(MultiSelectItem, "propTypes", {
 });
 
 /***/ }),
-/* 890 */
+/* 891 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -163670,7 +163748,7 @@ _defineProperty(MultiSelectPanel, "propTypes", {
 });
 
 /***/ }),
-/* 891 */
+/* 892 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -163737,7 +163815,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizablePanels = void 0;
 var React = __importStar(__webpack_require__(0));
-var react_resizable_panels_1 = __webpack_require__(892);
+var react_resizable_panels_1 = __webpack_require__(893);
 /**
  Features:
  * No absolute positioning is used
@@ -163786,7 +163864,7 @@ exports.ResizablePanels = ResizablePanels;
 
 
 /***/ }),
-/* 892 */
+/* 893 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -163794,12 +163872,12 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Panel", function() { return $68ce93498c99866c$export$2ddb90ad54e5f587; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PanelGroup", function() { return $d6da68d748ce761b$export$1d05749f6f573bb; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PanelResizeHandle", function() { return $6ebc1e3786ab631d$export$8829ecf6b6b15484; });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__swc_helpers_src_object_spread_mjs__ = __webpack_require__(893);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swc_helpers_src_object_spread_props_mjs__ = __webpack_require__(895);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__swc_helpers_src_object_spread_mjs__ = __webpack_require__(894);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swc_helpers_src_object_spread_props_mjs__ = __webpack_require__(896);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react__ = __webpack_require__(0);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2_react__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__swc_helpers_src_sliced_to_array_mjs__ = __webpack_require__(896);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__swc_helpers_src_to_consumable_array_mjs__ = __webpack_require__(899);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__swc_helpers_src_sliced_to_array_mjs__ = __webpack_require__(897);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__swc_helpers_src_to_consumable_array_mjs__ = __webpack_require__(900);
 
 
 
@@ -164959,12 +165037,12 @@ $6ebc1e3786ab631d$export$8829ecf6b6b15484.displayName = "PanelResizeHandle";
 
 
 /***/ }),
-/* 893 */
+/* 894 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _objectSpread;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define_property_mjs__ = __webpack_require__(894);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__define_property_mjs__ = __webpack_require__(895);
 
 
 function _objectSpread(target) {
@@ -164987,7 +165065,7 @@ function _objectSpread(target) {
 }
 
 /***/ }),
-/* 894 */
+/* 895 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165009,7 +165087,7 @@ function _defineProperty(obj, key, value) {
 
 
 /***/ }),
-/* 895 */
+/* 896 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165046,14 +165124,14 @@ function _objectSpreadProps(target, source) {
 }
 
 /***/ }),
-/* 896 */
+/* 897 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _slicedToArray;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_with_holes_mjs__ = __webpack_require__(897);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_with_holes_mjs__ = __webpack_require__(898);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__iterable_to_array_mjs__ = __webpack_require__(400);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_rest_mjs__ = __webpack_require__(898);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_rest_mjs__ = __webpack_require__(899);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__unsupported_iterable_to_array_mjs__ = __webpack_require__(401);
 
 
@@ -165066,7 +165144,7 @@ function _slicedToArray(arr, i) {
 
 
 /***/ }),
-/* 897 */
+/* 898 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165077,7 +165155,7 @@ function _arrayWithHoles(arr) {
 
 
 /***/ }),
-/* 898 */
+/* 899 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165088,14 +165166,14 @@ function _nonIterableRest() {
 
 
 /***/ }),
-/* 899 */
+/* 900 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (immutable) */ __webpack_exports__["a"] = _toConsumableArray;
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_without_holes_mjs__ = __webpack_require__(900);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__array_without_holes_mjs__ = __webpack_require__(901);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__iterable_to_array_mjs__ = __webpack_require__(400);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_spread_mjs__ = __webpack_require__(901);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__non_iterable_spread_mjs__ = __webpack_require__(902);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__unsupported_iterable_to_array_mjs__ = __webpack_require__(401);
 
 
@@ -165108,7 +165186,7 @@ function _toConsumableArray(arr) {
 
 
 /***/ }),
-/* 900 */
+/* 901 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165122,7 +165200,7 @@ function _arrayWithoutHoles(arr) {
 
 
 /***/ }),
-/* 901 */
+/* 902 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165133,7 +165211,7 @@ function _nonIterableSpread() {
 
 
 /***/ }),
-/* 902 */
+/* 903 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -165195,9 +165273,9 @@ exports.ResizeObserverComponent = ResizeObserverComponent;
 
 
 /***/ }),
-/* 903 */,
 /* 904 */,
-/* 905 */
+/* 905 */,
+/* 906 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -165341,12 +165419,12 @@ function reactToAngular1(component, bindings, dependenciesToInject, wrapperStyle
 
 
 /***/ }),
-/* 906 */,
 /* 907 */,
 /* 908 */,
 /* 909 */,
 /* 910 */,
-/* 911 */
+/* 911 */,
+/* 912 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -165355,7 +165433,7 @@ function reactToAngular1(component, bindings, dependenciesToInject, wrapperStyle
 /* eslint-disable eqeqeq */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Positioner = void 0;
-var react_to_angular_1_1 = __webpack_require__(905);
+var react_to_angular_1_1 = __webpack_require__(906);
 var _Positioner_1 = __webpack_require__(406);
 exports.Positioner = _Positioner_1.Positioner;
 // one event listener;
@@ -165389,7 +165467,7 @@ angular.module('superdesk-ui.positioner', [])
 
 
 /***/ }),
-/* 912 */
+/* 913 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -165416,7 +165494,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ToggleBoxNext = void 0;
 var react_1 = __importDefault(__webpack_require__(0));
 var prop_types_1 = __importDefault(__webpack_require__(8));
-var react_to_angular_1_1 = __webpack_require__(905);
+var react_to_angular_1_1 = __webpack_require__(906);
 var ToggleBoxNext = /** @class */ (function (_super) {
     __extends(ToggleBoxNext, _super);
     function ToggleBoxNext(props) {
@@ -165465,7 +165543,6 @@ angular.module('superdesk-ui.toggleBoxNext', [])
 
 
 /***/ }),
-/* 913 */,
 /* 914 */,
 /* 915 */,
 /* 916 */,
@@ -165641,20 +165718,21 @@ angular.module('superdesk-ui.toggleBoxNext', [])
 /* 1086 */,
 /* 1087 */,
 /* 1088 */,
-/* 1089 */
+/* 1089 */,
+/* 1090 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CalendarWeekDayItem = exports.ContentDivider = exports.Carousel = exports.Popover = exports.Dropdown = exports.NotificationToast = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNav = exports.Menu = exports.toasted = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButton = exports.CheckBox = exports.RadioGroup = exports.Loader = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerISO = exports.DatePicker = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.ButtonGroup = exports.Button = exports.HelloWorld = exports.Positioner = exports.ToggleBoxNext = exports.reactToAngular1 = void 0;
-__webpack_require__(1090);
-__webpack_require__(1125);
-var react_to_angular_1_1 = __webpack_require__(905);
+__webpack_require__(1091);
+__webpack_require__(1126);
+var react_to_angular_1_1 = __webpack_require__(906);
 Object.defineProperty(exports, "reactToAngular1", { enumerable: true, get: function () { return react_to_angular_1_1.reactToAngular1; } });
-var toggleBoxNext_1 = __webpack_require__(912);
+var toggleBoxNext_1 = __webpack_require__(913);
 Object.defineProperty(exports, "ToggleBoxNext", { enumerable: true, get: function () { return toggleBoxNext_1.ToggleBoxNext; } });
-var positioner_1 = __webpack_require__(911);
+var positioner_1 = __webpack_require__(912);
 Object.defineProperty(exports, "Positioner", { enumerable: true, get: function () { return positioner_1.Positioner; } });
 // TypeScript exports
 // Must contain the same exports as in '../app-typescript/index'
@@ -165722,43 +165800,43 @@ exports.default = angular.module('superdesk-ui', [
 
 
 /***/ }),
-/* 1090 */
+/* 1091 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-__webpack_require__(1091);
-__webpack_require__(1105);
-__webpack_require__(1107);
+__webpack_require__(1092);
+__webpack_require__(1106);
 __webpack_require__(1108);
-__webpack_require__(911);
 __webpack_require__(1109);
+__webpack_require__(912);
 __webpack_require__(1110);
 __webpack_require__(1111);
-__webpack_require__(912);
 __webpack_require__(1112);
-__webpack_require__(1115);
-__webpack_require__(1117);
-__webpack_require__(1119);
-__webpack_require__(1121);
-__webpack_require__(1123);
+__webpack_require__(913);
+__webpack_require__(1113);
+__webpack_require__(1116);
+__webpack_require__(1118);
+__webpack_require__(1120);
+__webpack_require__(1122);
 __webpack_require__(1124);
+__webpack_require__(1125);
 
 
 /***/ }),
-/* 1091 */
+/* 1092 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-__webpack_require__(1092);
 __webpack_require__(1093);
-__webpack_require__(1099);
+__webpack_require__(1094);
 __webpack_require__(1100);
-__webpack_require__(1103);
+__webpack_require__(1101);
 __webpack_require__(1104);
+__webpack_require__(1105);
 exports.default = angular.module('superdesk-ui.helper', [
     'superdesk-ui.helper.dropdown',
     'superdesk-ui.helper.modal',
@@ -165768,7 +165846,7 @@ exports.default = angular.module('superdesk-ui.helper', [
 
 
 /***/ }),
-/* 1092 */
+/* 1093 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -165959,7 +166037,7 @@ angular.module('superdesk-ui.helper.dateparser', []).service('dateParser', ['$lo
 
 
 /***/ }),
-/* 1093 */
+/* 1094 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -166145,7 +166223,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     .directive('datepicker', function () { return ({
     restrict: 'EA',
     replace: true,
-    template: __webpack_require__(1094),
+    template: __webpack_require__(1095),
     scope: {
         datepickerMode: '=?',
         dateDisabled: '&',
@@ -166165,7 +166243,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
         return {
             restrict: 'EA',
             replace: true,
-            template: __webpack_require__(1095),
+            template: __webpack_require__(1096),
             require: '^datepicker',
             link: function link(scope, element, attrs, ctrl) {
                 scope.showWeeks = ctrl.showWeeks;
@@ -166261,7 +166339,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
         return {
             restrict: 'EA',
             replace: true,
-            template: __webpack_require__(1096),
+            template: __webpack_require__(1097),
             require: '^datepicker',
             link: function link(scope, element, attrs, ctrl) {
                 ctrl.step = { years: 1 };
@@ -166315,7 +166393,7 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
         return {
             restrict: 'EA',
             replace: true,
-            template: __webpack_require__(1097),
+            template: __webpack_require__(1098),
             require: '^datepicker',
             link: function link(scope, element, attrs, ctrl) {
                 var range = ctrl.yearRange;
@@ -166639,42 +166717,42 @@ angular.module('superdesk-ui.helper.datepicker', ['superdesk-ui.helper.dateparse
     restrict: 'EA',
     replace: true,
     transclude: true,
-    template: __webpack_require__(1098)
+    template: __webpack_require__(1099)
 }); });
 
 
 /***/ }),
-/* 1094 */
+/* 1095 */
 /***/ (function(module, exports) {
 
 module.exports = "<div ng-switch=\"datepickerMode\" role=\"application\" ng-keydown=\"keydown($event)\">\n  <daypicker ng-switch-when=\"day\" tabindex=\"0\"></daypicker>\n  <monthpicker ng-switch-when=\"month\" tabindex=\"0\"></monthpicker>\n  <yearpicker ng-switch-when=\"year\" tabindex=\"0\"></yearpicker>\n</div>";
 
 /***/ }),
-/* 1095 */
+/* 1096 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th colspan=\"{{::5 + showWeeks}}\"><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n    <tr>\n      <th ng-if=\"showWeeks\" class=\"text-center\"></th>\n      <th ng-repeat=\"label in ::labels track by $index\" class=\"text-center\"><small aria-label=\"{{::label.full}}\">{{::label.abbr}}</small></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-if=\"showWeeks\" class=\"text-center h6\"><em>{{ weekNumbers[$index] }}</em></td>\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\" ng-class=\"::dt.customClass\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default btn-sm\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-muted': dt.secondary, 'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 1096 */
+/* 1097 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\" ng-class=\"::dt.customClass\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 1097 */
+/* 1098 */
 /***/ (function(module, exports) {
 
 module.exports = "<table role=\"grid\" aria-labelledby=\"{{::uniqueId}}-title\" aria-activedescendant=\"{{activeDateId}}\">\n  <thead>\n    <tr>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-left\" ng-click=\"move(-1)\" tabindex=\"-1\"><i class=\"icon-chevron-left-thin\"></i></button></th>\n      <th colspan=\"3\"><button id=\"{{::uniqueId}}-title\" role=\"heading\" aria-live=\"assertive\" aria-atomic=\"true\" type=\"button\" class=\"btn btn-default btn-sm\" ng-click=\"toggleMode()\" ng-disabled=\"datepickerMode === maxMode\" tabindex=\"-1\" style=\"width:100%;\"><strong>{{title}}</strong></button></th>\n      <th><button type=\"button\" class=\"btn btn-default btn-sm pull-right\" ng-click=\"move(1)\" tabindex=\"-1\"><i class=\"icon-chevron-right-thin\"></i></button></th>\n    </tr>\n  </thead>\n  <tbody>\n    <tr ng-repeat=\"row in rows track by $index\">\n      <td ng-repeat=\"dt in row track by dt.date\" class=\"text-center\" role=\"gridcell\" id=\"{{::dt.uid}}\">\n        <button type=\"button\" style=\"min-width:100%;\" class=\"btn btn-default\" ng-class=\"{'btn-info': dt.selected, active: isActive(dt)}\" ng-click=\"select(dt.date)\" ng-disabled=\"dt.disabled\" tabindex=\"-1\"><span ng-class=\"::{'text-info': dt.current}\">{{::dt.label}}</span></button>\n      </td>\n    </tr>\n  </tbody>\n</table>\n";
 
 /***/ }),
-/* 1098 */
+/* 1099 */
 /***/ (function(module, exports) {
 
 module.exports = "<ul class=\"dropdown-menu\" ng-if=\"isOpen\" style=\"display: block\" ng-style=\"{top: position.top+'px', left: position.left+'px'}\" ng-keydown=\"keydown($event)\" ng-click=\"$event.stopPropagation()\">\n\t<li ng-transclude></li>\n\t<li ng-if=\"showButtonBar\" style=\"padding:10px 9px 2px\">\n\t\t<span class=\"btn-group pull-left\">\n\t\t\t<button type=\"button\" class=\"btn btn-sm btn-info\" ng-click=\"select('today')\">{{ getText('current') }}</button>\n\t\t\t<button type=\"button\" class=\"btn btn-sm btn-danger\" ng-click=\"select(null)\">{{ getText('clear') }}</button>\n\t\t</span>\n\t\t<button type=\"button\" class=\"btn btn-sm btn-success pull-right\" ng-click=\"close()\">{{ getText('close') }}</button>\n\t</li>\n</ul>\n";
 
 /***/ }),
-/* 1099 */
+/* 1100 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -166958,7 +167036,7 @@ angular.module('superdesk-ui.helper.dropdown', ['superdesk-ui.helper.position'])
 
 
 /***/ }),
-/* 1100 */
+/* 1101 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -167017,7 +167095,7 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
         return {
             restrict: 'EA',
             replace: true,
-            template: __webpack_require__(1101),
+            template: __webpack_require__(1102),
             compile: function compile(tElement, tAttrs) {
                 tElement.addClass(tAttrs.backdropClass);
                 return linkFn;
@@ -167044,7 +167122,7 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
             //            templateUrl: function templateUrl(tElement, tAttrs) {
             //                return tAttrs.templateUrl || '../app/template/window.html';
             //            },
-            template: __webpack_require__(1102),
+            template: __webpack_require__(1103),
             link: function link(scope, element, attrs) {
                 element.addClass(attrs.windowClass || '');
                 scope.size = attrs.size;
@@ -167384,19 +167462,19 @@ angular.module('superdesk-ui.helper.modal', []).factory('$$stackedMap', function
 
 
 /***/ }),
-/* 1101 */
+/* 1102 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"modal__backdrop fade in\"></div>";
 
 /***/ }),
-/* 1102 */
+/* 1103 */
 /***/ (function(module, exports) {
 
 module.exports = "<div modal-render=\"{{$isRendered}}\" tabindex=\"-1\" role=\"dialog\" class=\"modal\"\n     modal-animation-class=\"fade\"\n     modal-in-class=\"in\"\n     ng-style=\"{'z-index': 1050 + index * 10, display: 'block'}\"\n     ng-class=\"size ? 'modal--' + size : ''\">\n    <div class=\"modal__dialog\">\n        <div class=\"modal__content\" modal-transclude></div>\n    </div>\n</div>\n";
 
 /***/ }),
-/* 1103 */
+/* 1104 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -167540,7 +167618,7 @@ angular.module('superdesk-ui.helper.position', [])
 
 
 /***/ }),
-/* 1104 */
+/* 1105 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -168611,7 +168689,7 @@ var popper_js_1 = __importDefault(__webpack_require__(407));
 
 
 /***/ }),
-/* 1105 */
+/* 1106 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -168626,7 +168704,7 @@ function CarouselDirective() {
             finish: '&',
             model: '='
         },
-        template: __webpack_require__(1106),
+        template: __webpack_require__(1107),
         transclude: true,
         controllerAs: 'ctrl',
         controller: ['$scope', '$document',
@@ -168742,13 +168820,13 @@ angular.module('superdesk-ui.carousel', [])
 
 
 /***/ }),
-/* 1106 */
+/* 1107 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"sd-carousel__backdrop\"></div>\n<div class=\"sd-carousel\">\n    <div class=\"sd-carousel__dialog\">\n        <div class=\"sd-carousel__content\" ng-transclude></div>\n        <a class=\"sd-carousel__nav-button sd-carousel__nav-button--prev\" ng-click=\"ctrl.previous()\" ng-hide=\"pageIndex === 0\"></a>\n        <a class=\"sd-carousel__nav-button\" ng-click=\"pageIndex === steps.length-1 ? ctrl.finish() : ctrl.next()\" ng-class=\"pageIndex === steps.length-1 ? 'sd-carousel__nav-button--end' : 'sd-carousel__nav-button--next'\"></a>\n        <div class=\"sd-carousel__page-indication-bar\">\n            <span ng-repeat=\"step in steps\" \n                  class=\"sd-carousel__page-indicator\" \n                  ng-class=\"{'sd-carousel__page-indicator--selected': step.selected}\"\n                  ng-click=\"goTo(step)\">\n            </span>\n        </div>\n    </div>\n</div>";
 
 /***/ }),
-/* 1107 */
+/* 1108 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -168833,7 +168911,7 @@ angular.module('superdesk-ui.check', [])
 
 
 /***/ }),
-/* 1108 */
+/* 1109 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169043,7 +169121,7 @@ angular
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(89)))
 
 /***/ }),
-/* 1109 */
+/* 1110 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169119,7 +169197,7 @@ angular.module('superdesk-ui.modals', [])
 
 
 /***/ }),
-/* 1110 */
+/* 1111 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169196,7 +169274,7 @@ angular.module('superdesk-ui.switch', [])
 
 
 /***/ }),
-/* 1111 */
+/* 1112 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169233,7 +169311,7 @@ angular.module('superdesk-ui.toggleBox', [])
 
 
 /***/ }),
-/* 1112 */
+/* 1113 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169259,7 +169337,7 @@ function WizardHandlerFactory() {
 WizardDirective.$inject = [];
 function WizardDirective() {
     return {
-        template: __webpack_require__(1113),
+        template: __webpack_require__(1114),
         scope: {
             currentStep: '=',
             finish: '&',
@@ -169351,7 +169429,7 @@ function WizardDirective() {
 WizardStepDirective.$inject = [];
 function WizardStepDirective() {
     return {
-        template: __webpack_require__(1114),
+        template: __webpack_require__(1115),
         scope: {
             title: '@',
             code: '@',
@@ -169372,19 +169450,19 @@ angular.module('superdesk-ui.wizard', [])
 
 
 /***/ }),
-/* 1113 */
+/* 1114 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"modal__body-header\">\n    <ul class=\"nav-tabs\">\n        <li ng-repeat=\"step in steps\" ng-class=\"{'nav-tabs__tab--active': step.selected}\" class=\"nav-tabs__tab\">\n            <button\n                ng-click=\"goTo(step)\"\n                ng-disabled=\"step.disabled\"\n                ng-hide=\"step.hide\"\n                class=\"nav-tabs__link\"\n                data-test-id=\"wizard--{{step.title}}\"\n            >\n                {{ step.title}}\n            </button>\n        </li>\n    </ul>\n</div>\n<div class=\"modal__body-content\" ng-transclude></div>";
 
 /***/ }),
-/* 1114 */
+/* 1115 */
 /***/ (function(module, exports) {
 
 module.exports = "<div ng-show=\"selected\" class=\"modal-screen\" ng-transclude></div>\r\n";
 
 /***/ }),
-/* 1115 */
+/* 1116 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169411,7 +169489,7 @@ function TagInputDirective($q) {
             maxResultsToShow: '=',
         },
         require: '?ngModel',
-        template: __webpack_require__(1116),
+        template: __webpack_require__(1117),
         link: function (scope) {
             scope.loadTags = function (query) { return $q(function (resolve, reject) {
                 var res = scope.items.filter(function (el) {
@@ -169429,13 +169507,13 @@ angular.module('superdesk-ui.tags', [])
 
 
 /***/ }),
-/* 1116 */
+/* 1117 */
 /***/ (function(module, exports) {
 
 module.exports = "<label class=\"tags-input__label\" ng-if=\"label\">{{label}}</label>\n<tags-input ng-model=\"model\"\n    add-from-autocomplete-only=\"{{items ? !freetext : false}}\"\n    show-button=\"{{!!items}}\"\n    display-property=\"{{field}}\"\n    key-property=\"{{keyProperty}}\"\n    use-strings=\"{{!field}}\"\n    ng-required=\"required\"\n    on-tag-added=\"onChange($tag)\"\n    on-tag-removed=\"onChange($tag)\"\n    replace-spaces-with-dashes=\"{{replaceSpacesWithDashes}}\"\n    min-length=\"{{minLength}}\"\n    max-length=\"{{maxLength}}\"\n    max-tags=\"{{maxTags}}\"\n    max-items=\"{{maxItems}}\"\n    boxed={{boxed}}\n    placeholder=\"{{placeholder}}\">\n\n    <auto-complete ng-if=\"items\"\n        source=\"loadTags($query)\"\n        load-on-empty=\"true\"\n        min-length=\"{{minLength}}\"\n        display-property=\"{{field}}\"\n        key-property=\"{{keyProperty}}\"\n        max-results-to-show=\"{{maxResultsToShow}}\">\n    </auto-complete>\n</tags-input>\n";
 
 /***/ }),
-/* 1117 */
+/* 1118 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169450,7 +169528,7 @@ module.exports = "<label class=\"tags-input__label\" ng-if=\"label\">{{label}}</
  */
 function LineInputDirective() {
     return {
-        template: __webpack_require__(1118),
+        template: __webpack_require__(1119),
         replace: true,
         transclude: true,
         require: '?ngModel',
@@ -169492,13 +169570,13 @@ angular.module('superdesk-ui.lineInput', [])
 
 
 /***/ }),
-/* 1118 */
+/* 1119 */
 /***/ (function(module, exports) {
 
 module.exports = " <div class=\"sd-line-input\" ng-class=\"{'sd-line-input--dark-ui': dark, 'sd-line-input--boxed': boxed, 'sd-line-input--required': required}\">\n    <label class=\"sd-line-input__label\" translate>{{label}}</label>\n\n    <input class=\"sd-line-input__input\" type=\"text\" ng-model=\"modelFixed.value\" ng-change=\"update(modelFixed.value)\" ng-blur=\"onblur()\" ng-disabled=\"disabled\" placeholder=\"{{placeholder}}\" ng-if=\"!transclude && !textarea\">\n\n    <textarea class=\"sd-line-input__input\"\n        ng-model=\"modelFixed.value\"\n        ng-change=\"update(modelFixed.value)\"\n        ng-blur=\"onblur()\"\n        ng-disabled=\"disabled\"\n        placeholder=\"{{placeholder}}\"\n        ng-if=\"textarea\"\n        sd-auto-height>\n    </textarea>\n\n    <ng-transclude></ng-transclude>\n    <div class=\"sd-line-input__char-count\" ng-if=\"maxlength\" sd-character-count data-item=\"modelFixed.value\" data-limit=\"maxlength\" data-html=\"true\"></div>\n</div>\n";
 
 /***/ }),
-/* 1119 */
+/* 1120 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169516,7 +169594,7 @@ module.exports = " <div class=\"sd-line-input\" ng-class=\"{'sd-line-input--dark
  */
 function SearchHandlerDirective() {
     return {
-        template: __webpack_require__(1120),
+        template: __webpack_require__(1121),
         replace: true,
         transclude: true,
         require: '?ngModel',
@@ -169543,13 +169621,13 @@ angular.module('superdesk-ui.searchHandler', [])
 
 
 /***/ }),
-/* 1120 */
+/* 1121 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"flat-searchbar extended\">\n    <div class=\"search-handler\" ng-class=\"{'search-handler--left-border': borderleft}\">\n        <label for=\"search-input\" class=\"trigger-icon\"><i class=\"icon-search\"></i></label>\n        <input id=\"search-input\" type=\"text\" placeholder=\"{{ :: label || 'Search' }}\" ng-model=\"model\" ng-model-options=\"{debounce: debounce}\">\n        <button class=\"search-close\" ng-if=\"model.length\" ng-click=\"clearInput()\" ng-class=\"{visible: model.length}\"><i class=\"icon-remove-sign\"></i></button>\n\n        <button class=\"search-close\" ng-if=\"button && model.length\" ng-click=\"\" ng-class=\"{visible: button && model.length}\">\n            <i class=\"big-icon--chevron-right\"></i>\n        </button>\n    </div>\n</div>\n";
 
 /***/ }),
-/* 1121 */
+/* 1122 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169563,7 +169641,7 @@ function sdCircularProgress() {
             error: '=',
             counter: '='
         },
-        template: __webpack_require__(1122),
+        template: __webpack_require__(1123),
         link: function (scope, element) {
             var elem = $(element).find('.progress-svg');
             var width = elem.outerWidth();
@@ -169607,13 +169685,13 @@ angular.module('superdesk-ui.circularProgress', [])
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(89)))
 
 /***/ }),
-/* 1122 */
+/* 1123 */
 /***/ (function(module, exports) {
 
 module.exports = "<div class=\"progress-bar-container\">\n    <div  class=\"progress-done\" ng-class=\"{'progress-done--completed': status === 'completed', 'progress-done--error': status === 'error'}\">\n        <i class=\"icon-ok\" ng-hide=\"status === 'error'\"></i>\n        <i class=\"icon-close-small\" ng-hide=\"status === 'completed'\"></i>\n    </div>\n    <span class=\"progress-text\" ng-if=\"counter\">{{value}}<em>%</em></span>\n    <svg class=\"progress-svg\">\n        <circle ng-attr-r=\"{{radius}}\" ng-attr-cx=\"50%\" ng-attr-cy=\"50%\"></circle>\n        <circle class=\"progressbar\" ng-attr-r=\"{{radius}}\" ng-attr-cx=\"50%\" ng-attr-cy=\"50%\" ng-style=\"{'stroke-dashoffset': dashOffset, 'stroke-dasharray': circumference}\"></circle>\n    </svg>\n</div>";
 
 /***/ }),
-/* 1123 */
+/* 1124 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169650,7 +169728,7 @@ angular.module('superdesk-ui.splitter', [])
 
 
 /***/ }),
-/* 1124 */
+/* 1125 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -169686,17 +169764,17 @@ angular.module('superdesk-ui.mediaQuery', [])
 
 
 /***/ }),
-/* 1125 */
+/* 1126 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 Object.defineProperty(exports, "__esModule", { value: true });
-__webpack_require__(1126);
+__webpack_require__(1127);
 
 
 /***/ }),
-/* 1126 */
+/* 1127 */
 /***/ (function(module, exports) {
 
 // removed by extract-text-webpack-plugin