@arc-ui/components 12.0.0-beta.22 → 12.0.0-beta.23

package/lib/ContentSwitcher/ContentSwitcher.cjs

@@ -1,25 +1,24 @@
 'use client';
 'use strict';
 
-var ContentSwitcherList = require('../_shared/cjs/ContentSwitcherList-bCEzIPN2.cjs');
-var ContentSwitcherTab = require('../_shared/cjs/ContentSwitcherTab-B387Qs3I.cjs');
+var ContentSwitcherList = require('../_shared/cjs/ContentSwitcherList-pcYtuT6L.cjs');
 require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 require('react');
 require('../_shared/cjs/index-BCu-VH8y.cjs');
 require('../_shared/cjs/index-CztwwwKE.cjs');
 require('react-dom');
 require('../_shared/cjs/index-DmvtEa22.cjs');
-require('../_shared/cjs/debounce-uPMetQ6J.cjs');
-require('../_shared/cjs/index-CTlXMLug.cjs');
-require('../_shared/cjs/isSymbol-BGrHFUbV.cjs');
 require('../_shared/cjs/Text-Cr5nmYmx.cjs');
+require('../_shared/cjs/index-CTlXMLug.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
 require('../_shared/cjs/index-DR8Rkav9.cjs');
 require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+require('../_shared/cjs/debounce-uPMetQ6J.cjs');
+require('../_shared/cjs/isSymbol-BGrHFUbV.cjs');
 
 
 
 exports.ContentSwitcher = ContentSwitcherList.ContentSwitcher;
 exports.ContentSwitcherContent = ContentSwitcherList.ContentSwitcherContent;
 exports.ContentSwitcherList = ContentSwitcherList.ContentSwitcherList;
-exports.ContentSwitcherTab = ContentSwitcherTab.ContentSwitcherTab;
+exports.ContentSwitcherTab = ContentSwitcherList.ContentSwitcherTab;

package/lib/ContentSwitcher/ContentSwitcher.mjs

@@ -1,16 +1,15 @@
 'use client';
-export { C as ContentSwitcher, a as ContentSwitcherContent, b as ContentSwitcherList } from '../_shared/esm/ContentSwitcherList-bCQz0qkU.mjs';
-export { C as ContentSwitcherTab } from '../_shared/esm/ContentSwitcherTab-CfC3PGeZ.mjs';
+export { C as ContentSwitcher, b as ContentSwitcherContent, c as ContentSwitcherList, a as ContentSwitcherTab } from '../_shared/esm/ContentSwitcherList-DwHfU3no.mjs';
 import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
 import 'react';
-import '../_shared/esm/index-BDWwJ5x2.mjs';
+import '../_shared/esm/index-BWkI4Dwz.mjs';
 import '../_shared/esm/index-DXHprNQ6.mjs';
 import 'react-dom';
 import '../_shared/esm/index-6HtUz28p.mjs';
-import '../_shared/esm/debounce-D_Nx5go6.mjs';
-import '../_shared/esm/index-5C0-U8cc.mjs';
-import '../_shared/esm/isSymbol-DgWNE2Tm.mjs';
 import '../_shared/esm/Text-CBlnm5CT.mjs';
+import '../_shared/esm/index-5C0-U8cc.mjs';
 import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
 import '../_shared/esm/index-Spae4j7j.mjs';
 import '../_shared/esm/Surface-Colbp3Zx.mjs';
+import '../_shared/esm/debounce-D_Nx5go6.mjs';
+import '../_shared/esm/isSymbol-DgWNE2Tm.mjs';

package/lib/ContentSwitcher/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherTab{align-items:center;background:var(--content-switcher-colors-light-bg-default);border:none;border-radius:var(--content-switcher-border-radius-pill);display:flex;height:48px;max-width:300px;padding:var(--content-switcher-padding-m) var(--content-switcher-padding-l);transition:background 0.3s ease;white-space:nowrap}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherTab>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherTab:hover{background:var(--content-switcher-colors-light-bg-hover);cursor:pointer}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherTab:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherTab[data-state="active"]{background:var(--content-switcher-colors-light-bg-default-alt);color:var(--content-switcher-colors-light-text-default-alt)}:root{--arc-content-switcher-height:48px;--arc-content-switcher-padding-s:10px;--arc-content-switcher-height-plus-padding:calc(var(--arc-content-switcher-height) + (var(--arc-content-switcher-padding-s) * 2))}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherList{background:var(--content-switcher-colors-light-bg-default);border-radius:var(--sem-border-radius-xxl);box-shadow:var(--content-switcher-elevations-02,0 0 1px 0 rgba(0,0,0,0.25),0 4px 12px 0 rgba(0,0,0,0.1));margin-bottom:10px;overflow:scroll;-ms-overflow-style:none;position:relative;scrollbar-width:none;text-align:center;z-index:1}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherList-wrapper--isInset .arc-ContentSwitcherList{margin-bottom:0}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherList::-webkit-scrollbar{display:none}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherList-overflowWrapper{height:calc(var(--arc-content-switcher-height) + (var(--content-switcher-padding-s) * 2));left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:2}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherList-wrapper{display:flex;justify-content:center;margin:0 32px;position:relative}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherList-inner{display:inline-flex;gap:var(--content-switcher-padding-s);padding:10px}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherList--rightOverflow,.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherList--leftOverflow{content:"";display:block;height:100%;pointer-events:none;position:absolute;top:0;width:96px}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherList--rightOverflow{background:linear-gradient(90deg,rgba(255,255,255,0) 0.61%,#ffffff 75.15%);border-radius:0 var(--sem-border-radius-xxl) var(--sem-border-radius-xxl) 0;right:0}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherList--leftOverflow{background:linear-gradient(270deg,rgba(255,255,255,0) 0.61%,#ffffff 75.15%);border-radius:var(--sem-border-radius-xxl) 0 0 var(--sem-border-radius-xxl);left:0}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherList-wrapper--isInset{margin-bottom:calc((var(--arc-content-switcher-height-plus-padding)/2) * -1)}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherContent{animation:0.5s ease fade-in}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherContent[data-state="inactive"]{display:none}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherContent-wrapper{display:flex;justify-content:center}@keyframes fade-in{from{opacity:0}to{opacity:1}}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcher{margin:0 auto}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcher-root{position:relative}
+.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherTab{align-items:center;background:var(--content-switcher-colors-light-bg-default);border:none;border-radius:var(--content-switcher-border-radius-pill);display:flex;height:48px;max-width:300px;padding:var(--content-switcher-padding-m) var(--content-switcher-padding-l);transition:background 0.3s ease;white-space:nowrap}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherTab>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherTab:hover{background:var(--content-switcher-colors-light-bg-hover);cursor:pointer}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherTab:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherTab[data-state="active"]{background:var(--content-switcher-colors-light-bg-default-alt);color:var(--content-switcher-colors-light-text-default-alt)}:root{--arc-content-switcher-height:48px;--arc-content-switcher-padding-s:10px;--arc-content-switcher-height-plus-padding:calc(var(--arc-content-switcher-height) + (var(--arc-content-switcher-padding-s) * 2))}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherList{background:var(--content-switcher-colors-light-bg-default);border-radius:var(--sem-border-radius-xxl);box-shadow:var(--content-switcher-elevations-02,0 0 1px 0 rgba(0,0,0,0.25),0 4px 12px 0 rgba(0,0,0,0.1));margin-bottom:10px;overflow:scroll;-ms-overflow-style:none;position:relative;scrollbar-width:none;text-align:center;z-index:1}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherList-wrapper--isInset .arc-ContentSwitcherList{margin-bottom:0}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherList::-webkit-scrollbar{display:none}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherList-overflowWrapper{height:calc(var(--arc-content-switcher-height) + (var(--content-switcher-padding-s) * 2));left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:2}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherList-wrapper{display:flex;justify-content:center;margin:0 32px;position:relative}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherList-inner{display:inline-flex;gap:var(--content-switcher-padding-s);padding:10px}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherList--rightOverflow,.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherList--leftOverflow{content:"";display:block;height:100%;pointer-events:none;position:absolute;top:0;width:96px}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherList--rightOverflow{background:linear-gradient(90deg,rgba(255,255,255,0) 0.61%,#ffffff 75.15%);border-radius:0 var(--sem-border-radius-xxl) var(--sem-border-radius-xxl) 0;right:0}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherList--leftOverflow{background:linear-gradient(270deg,rgba(255,255,255,0) 0.61%,#ffffff 75.15%);border-radius:var(--sem-border-radius-xxl) 0 0 var(--sem-border-radius-xxl);left:0}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherList-wrapper--isInset{margin-bottom:calc((var(--arc-content-switcher-height-plus-padding)/2) * -1)}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherContent{animation:0.5s ease fade-in}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherContent[data-state="inactive"]{display:none}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherContent-wrapper{display:flex;justify-content:center}@keyframes fade-in{from{opacity:0}to{opacity:1}}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcher{margin:0 auto}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcher-root{position:relative}

package/lib/ContentSwitcherDropdown/styles.css

@@ -1 +1 @@
-.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTrigger{align-items:center;background:var(--content-switcher-colors-light-bg-default-alt);border:none;border-radius:var(--content-switcher-border-radius-pill);color:var(--content-switcher-colors-light-text-default-alt);display:flex;font:var(--sem-type-body-reg-m);justify-content:space-between;padding:var(--content-switcher-padding-m) var(--content-switcher-padding-l);width:100%;z-index:1}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTrigger>span:first-child,.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectItem>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTriggerIcon{color:var(--content-switcher-colors-light-text-default-alt);margin-left:var(--content-switcher-gap-l)}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTrigger:hover{background:var(--content-switcher-colors-light-bg-selected-hover);cursor:pointer}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTrigger[aria-expanded="true"]{background:var(--content-switcher-colors-light-bg-default);color:var(--content-switcher-colors-light-text-hover);outline:var(--content-switcher-border-weight-s) solid var(--content-switcher-colors-light-border-default);outline-offset:calc(var(--content-switcher-border-weight-s) * -1)}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTrigger[aria-expanded="true"] .arc-ContentSwitcherDropdown-selectTriggerIcon{color:var(--content-switcher-colors-light-text-hover)}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTrigger:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:var(--focus-border-weight-s)}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTriggerWrapper{align-items:center;background:var(--content-switcher-colors-light-bg-default);border-radius:var(--content-switcher-border-radius-pill);box-shadow:var(--elevation-02);display:block;margin-bottom:var(--content-switcher-gap-l);padding:10px;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTriggerWrapper--isFluid{width:100%}@media (min-width:636px){.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTriggerWrapper--isInset{margin:0 32px;width:auto}}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTriggerWrapper--isInset{margin-bottom:calc((var(--arc-content-switcher-height-plus-padding)/2) * -1)}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectTrigger[data-state="open"] .arc-ContentSwitcherDropdown-selectTriggerIcon{transform:rotate(180deg)}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectContent{background:var(--content-switcher-colors-light-bg-default);border-radius:var(--content-switcher-border-radius-xl);box-shadow:var(--elevation-02);margin:var(--content-switcher-gap-l) 0 var(--content-switcher-gap-l) calc(var(--content-switcher-gap-l) * -1);padding:var(--content-switcher-padding-xs);position:relative;width:calc(var(--radix-select-trigger-width) + (var(--content-switcher-padding-xs) * 2))}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectItem{align-items:center;border-radius:var(--content-switcher-border-radius-pill);display:flex;justify-content:space-between;margin-bottom:var(--content-switcher-gap-l);padding:var(--content-switcher-padding-m) var(--content-switcher-padding-l)}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectItem[data-highlighted]{background:var(--content-switcher-colors-light-bg-hover);cursor:pointer;outline:none}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectItem[data-state="checked"]{background:var(--content-switcher-colors-light-bg-active)}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-selectItem:last-of-type{margin-bottom:0}.arc-v12-0-0-beta-22 .arc .arc-ContentSwitcherDropdown-content[hidden]{display:none}
+.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTrigger{align-items:center;background:var(--content-switcher-colors-light-bg-default-alt);border:none;border-radius:var(--content-switcher-border-radius-pill);color:var(--content-switcher-colors-light-text-default-alt);display:flex;font:var(--sem-type-body-reg-m);justify-content:space-between;padding:var(--content-switcher-padding-m) var(--content-switcher-padding-l);width:100%;z-index:1}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTrigger>span:first-child,.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectItem>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTriggerIcon{color:var(--content-switcher-colors-light-text-default-alt);margin-left:var(--content-switcher-gap-l)}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTrigger:hover{background:var(--content-switcher-colors-light-bg-selected-hover);cursor:pointer}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTrigger[aria-expanded="true"]{background:var(--content-switcher-colors-light-bg-default);color:var(--content-switcher-colors-light-text-hover);outline:var(--content-switcher-border-weight-s) solid var(--content-switcher-colors-light-border-default);outline-offset:calc(var(--content-switcher-border-weight-s) * -1)}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTrigger[aria-expanded="true"] .arc-ContentSwitcherDropdown-selectTriggerIcon{color:var(--content-switcher-colors-light-text-hover)}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTrigger:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:var(--focus-border-weight-s)}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTriggerWrapper{align-items:center;background:var(--content-switcher-colors-light-bg-default);border-radius:var(--content-switcher-border-radius-pill);box-shadow:var(--elevation-02);display:block;margin-bottom:var(--content-switcher-gap-l);padding:10px;position:relative;width:-moz-fit-content;width:fit-content;z-index:1}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTriggerWrapper--isFluid{width:100%}@media (min-width:636px){.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTriggerWrapper--isInset{margin:0 32px;width:auto}}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTriggerWrapper--isInset{margin-bottom:calc((var(--arc-content-switcher-height-plus-padding)/2) * -1)}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectTrigger[data-state="open"] .arc-ContentSwitcherDropdown-selectTriggerIcon{transform:rotate(180deg)}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectContent{background:var(--content-switcher-colors-light-bg-default);border-radius:var(--content-switcher-border-radius-xl);box-shadow:var(--elevation-02);margin:var(--content-switcher-gap-l) 0 var(--content-switcher-gap-l) calc(var(--content-switcher-gap-l) * -1);padding:var(--content-switcher-padding-xs);position:relative;width:calc(var(--radix-select-trigger-width) + (var(--content-switcher-padding-xs) * 2))}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectItem{align-items:center;border-radius:var(--content-switcher-border-radius-pill);display:flex;justify-content:space-between;margin-bottom:var(--content-switcher-gap-l);padding:var(--content-switcher-padding-m) var(--content-switcher-padding-l)}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectItem[data-highlighted]{background:var(--content-switcher-colors-light-bg-hover);cursor:pointer;outline:none}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectItem[data-state="checked"]{background:var(--content-switcher-colors-light-bg-active)}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-selectItem:last-of-type{margin-bottom:0}.arc-v12-0-0-beta-23 .arc .arc-ContentSwitcherDropdown-content[hidden]{display:none}

package/lib/DatePicker/DatePicker.cjs

@@ -1,49 +1,362 @@
 'use client';
 'use strict';
 
-var DatePicker = require('../_shared/cjs/DatePicker-Dt4faA_N.cjs');
+var index = require('../_shared/cjs/index-BLRjGROQ.cjs');
 var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
 var React = require('react');
-var index$1 = require('../_shared/cjs/index-CaO6cOF0.cjs');
-var index$2 = require('../_shared/cjs/index-BLRjGROQ.cjs');
+var index$2 = require('../_shared/cjs/index-CTlXMLug.cjs');
+var index$3 = require('../_shared/cjs/index-CaO6cOF0.cjs');
+var Calendar = require('../_shared/cjs/Calendar-Bfdgf5q1.cjs');
+var index$1 = require('../_shared/cjs/index-DXNM3D1d.cjs');
 var TextInput = require('../_shared/cjs/TextInput-ByySubi5.cjs');
-var Calendar = require('../_shared/cjs/Calendar-B-va25n2.cjs');
-var index = require('../_shared/cjs/index-DXNM3D1d.cjs');
-require('../_shared/cjs/index-CTlXMLug.cjs');
 require('../_shared/cjs/Combination-B-rSVLfT.cjs');
 require('react/jsx-runtime');
 require('react-dom');
 require('../_shared/cjs/index-Bt7hfZBc.cjs');
 require('../_shared/cjs/index-B11wQrRa.cjs');
 require('../_shared/cjs/index-Dv1xvB_E.cjs');
-require('../_shared/cjs/FormControl-BPnKQrCm.cjs');
-require('../_shared/cjs/Surface-BFx1yNsq.cjs');
-require('../_shared/cjs/index-DR8Rkav9.cjs');
-require('../_shared/cjs/DisclosureMini-CtvDxVaG.cjs');
+require('../_shared/cjs/index.es-fkulh7qu.cjs');
+require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
 require('../_shared/cjs/Text-Cr5nmYmx.cjs');
 require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
-require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/Surface-BFx1yNsq.cjs');
 require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
-require('../_shared/cjs/Spinner-bbrOwxv2.cjs');
-require('../_shared/cjs/index.es-DlNskPlN.cjs');
-require('../_shared/cjs/use-media-query-BsUfHjPZ.cjs');
 require('../_shared/cjs/Heading-BEMSkLYR.cjs');
 require('../_shared/cjs/BtIconChevronRightMid-eGxk3ae6.cjs');
 require('../_shared/cjs/Icon-CzhyKqMd.cjs');
+require('../_shared/cjs/FormControl-BPnKQrCm.cjs');
+require('../_shared/cjs/DisclosureMini-CtvDxVaG.cjs');
+require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
+require('../_shared/cjs/Spinner-bbrOwxv2.cjs');
+
+/**
+ * @name startOfDay
+ * @category Day Helpers
+ * @summary Return the start of a day for the given date.
+ *
+ * @description
+ * Return the start of a day for the given date.
+ * The result will be in the local timezone.
+ *
+ * @param {Date|Number} date - the original date
+ * @returns {Date} the start of a day
+ * @throws {TypeError} 1 argument required
+ *
+ * @example
+ * // The start of a day for 2 September 2014 11:55:00:
+ * const result = startOfDay(new Date(2014, 8, 2, 11, 55, 0))
+ * //=> Tue Sep 02 2014 00:00:00
+ */
+function startOfDay(dirtyDate) {
+  index.requiredArgs(1, arguments);
+  var date = index.toDate(dirtyDate);
+  date.setHours(0, 0, 0, 0);
+  return date;
+}
+
+/**
+ * @name isSameDay
+ * @category Day Helpers
+ * @summary Are the given dates in the same day (and year and month)?
+ *
+ * @description
+ * Are the given dates in the same day (and year and month)?
+ *
+ * @param {Date|Number} dateLeft - the first date to check
+ * @param {Date|Number} dateRight - the second date to check
+ * @returns {Boolean} the dates are in the same day (and year and month)
+ * @throws {TypeError} 2 arguments required
+ *
+ * @example
+ * // Are 4 September 06:00:00 and 4 September 18:00:00 in the same day?
+ * const result = isSameDay(new Date(2014, 8, 4, 6, 0), new Date(2014, 8, 4, 18, 0))
+ * //=> true
+ *
+ * @example
+ * // Are 4 September and 4 October in the same day?
+ * const result = isSameDay(new Date(2014, 8, 4), new Date(2014, 9, 4))
+ * //=> false
+ *
+ * @example
+ * // Are 4 September, 2014 and 4 September, 2015 in the same day?
+ * const result = isSameDay(new Date(2014, 8, 4), new Date(2015, 8, 4))
+ * //=> false
+ */
+function isSameDay(dirtyDateLeft, dirtyDateRight) {
+  index.requiredArgs(2, arguments);
+  var dateLeftStartOfDay = startOfDay(dirtyDateLeft);
+  var dateRightStartOfDay = startOfDay(dirtyDateRight);
+  return dateLeftStartOfDay.getTime() === dateRightStartOfDay.getTime();
+}
+
+var parseRangeString = function (value) {
+    if (value === void 0) { value = ""; }
+    var _a = value.replace(/\s/g, "").split("-"), _b = _a[0], start = _b === void 0 ? "" : _b, _c = _a[1], end = _c === void 0 ? "" : _c;
+    var _d = start.split("/"), startDay = _d[0], startMonth = _d[1], startYear = _d[2];
+    var _e = end.split("/"), endDay = _e[0], endMonth = _e[1], endYear = _e[2];
+    return {
+        start: {
+            date: start,
+            day: startDay,
+            month: startMonth,
+            year: startYear,
+        },
+        end: {
+            date: end,
+            day: endDay,
+            month: endMonth,
+            year: endYear,
+        },
+    };
+};
+
+var parseDateString = function (value) {
+    var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
+    return {
+        day: day,
+        month: month,
+        year: year,
+    };
+};
+
+var isDateValid = function (value) {
+    if (value === void 0) { value = ""; }
+    var _a = value.split("/"), day = _a[0], month = _a[1], year = _a[2];
+    return (/^\d{2}\/\d{2}\/\d{4}$/.test(value) &&
+        index.isValid(new Date("".concat(year, "-").concat(month, "-").concat(day))));
+};
+
+var isRangeValid = function (value) {
+    if (value === void 0) { value = ""; }
+    var _a = value.replace(/\s/g, "").split("-"), _b = _a[0], start = _b === void 0 ? "" : _b, _c = _a[1], end = _c === void 0 ? "" : _c;
+    return isDateValid(start) && isDateValid(end);
+};
+
+var DATE_FORMAT = "dd/MM/yyyy";
+
+var formatDate = function (value) {
+    return index.format(value, DATE_FORMAT);
+};
+
+var isDisabledDate = function (disabledDates, date) {
+    return Boolean(disabledDates &&
+        disabledDates.find(function (disabledDate) { return isSameDay(date, disabledDate); }));
+};
+
+var convertDateStringToDate = function (value) {
+    if (value === void 0) { value = ""; }
+    var _a = parseDateString(value), day = _a.day, month = _a.month, year = _a.year;
+    var isValidDate = isDateValid(value);
+    return isValidDate ? new Date("".concat(year, "-").concat(month, "-").concat(day)) : new Date();
+};
+
+var convertRangeStringToDates = function (value) {
+    if (value === void 0) { value = ""; }
+    var _a = parseRangeString(value), start = _a.start, end = _a.end;
+    return filterAttrs.__spreadArray(filterAttrs.__spreadArray([], (isDateValid(start.date)
+        ? [new Date("".concat(start.year, "-").concat(start.month, "-").concat(start.day))]
+        : []), true), (isDateValid(end.date)
+        ? [new Date("".concat(end.year, "-").concat(end.month, "-").concat(end.day))]
+        : []), true);
+};
 
 var convertRangeStringToDateTuple = function (value) {
     if (value === void 0) { value = ""; }
-    var _a = DatePicker.parseRangeString(value), start = _a.start, end = _a.end;
-    var startDate = DatePicker.isDateValid(start.date)
+    var _a = parseRangeString(value), start = _a.start, end = _a.end;
+    var startDate = isDateValid(start.date)
         ? new Date("".concat(start.year, "-").concat(start.month, "-").concat(start.day))
         : undefined;
-    var endDate = DatePicker.isDateValid(end.date)
+    var endDate = isDateValid(end.date)
         ? new Date("".concat(end.year, "-").concat(end.month, "-").concat(end.day))
         : undefined;
     return [startDate, endDate];
 };
 
-var lowerCaseDateFormat = DatePicker.DATE_FORMAT.toLowerCase();
+function validateRangeOnBlur(_a) {
+    var value = _a.value, minDate = _a.minDate, maxDate = _a.maxDate, disabledDates = _a.disabledDates, previousValidValue = _a.previousValidValue, dispatchChangeEvent = _a.dispatchChangeEvent, blurEvent = _a.blurEvent;
+    if (!isRangeValid(value))
+        return;
+    var _b = convertRangeStringToDates(value), start = _b[0], end = _b[1];
+    var isStartBeforeMin = minDate && Calendar.isBefore(start, minDate);
+    var isEndAfterMax = maxDate && Calendar.isAfter(end, maxDate);
+    var isStartDisabled = isDisabledDate(disabledDates, start);
+    var isEndDisabled = isDisabledDate(disabledDates, end);
+    if (isStartBeforeMin && isEndAfterMax) {
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(minDate), " - ").concat(formatDate(maxDate)));
+    }
+    if (isStartBeforeMin) {
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(minDate), " - ").concat(formatDate(end)));
+    }
+    if (isEndAfterMax) {
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(start), " - ").concat(formatDate(maxDate)));
+    }
+    if (isStartDisabled || isEndDisabled) {
+        var _c = previousValidValue
+            ? convertRangeStringToDates(previousValidValue)
+            : [], prevStart = _c[0], prevEnd = _c[1];
+        return dispatchChangeEvent(blurEvent, prevStart && prevEnd
+            ? "".concat(formatDate(prevStart), " - ").concat(formatDate(prevEnd))
+            : "");
+    }
+    if (Calendar.isAfter(start, end)) {
+        var _d = [start, end].sort(Calendar.compareAsc), orderedStart = _d[0], orderedEnd = _d[1];
+        return dispatchChangeEvent(blurEvent, "".concat(formatDate(orderedStart), " - ").concat(formatDate(orderedEnd)));
+    }
+}
+
+/**
+ * Use `DatePicker` to clearly present available dates and allow users to choose a way to enter information.
+ */
+var DatePicker = React.forwardRef(function (_a, ref) {
+    var errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, label = _a.label, isDisabled = _a.isDisabled, isReadOnly = _a.isReadOnly, isRequired = _a.isRequired, size = _a.size, _b = _a.value, value = _b === void 0 ? "" : _b, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onDateSelect = _a.onDateSelect, onRangeSelect = _a.onRangeSelect, onClickDisclosure = _a.onClickDisclosure, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, type = _a.type, _c = _a.isFluid, isFluid = _c === void 0 ? false : _c, _d = _a.selectionType, selectionType = _d === void 0 ? "single" : _d, disabledDates = _a.disabledDates, minDate = _a.minDate, maxDate = _a.maxDate, props = filterAttrs.__rest(_a, ["errorMessage", "helper", "id", "label", "isDisabled", "isReadOnly", "isRequired", "size", "value", "name", "onBlur", "onChange", "onDateSelect", "onRangeSelect", "onClickDisclosure", "disclosureTitle", "disclosureText", "type", "isFluid", "selectionType", "disabledDates", "minDate", "maxDate"]);
+    var _e = index$1.useThemeElement(), themeElement = _e[0], setThemeElement = _e[1];
+    var _f = React.useState("Choose date"), ariaLabel = _f[0], setAriaLabel = _f[1];
+    var _g = React.useState(false), showCalendar = _g[0], setShowCalendar = _g[1];
+    var buttonRef = React.useRef(null);
+    var ourRef = React.useRef(null);
+    var previousValidValue = React.useRef(value);
+    var lowerCaseDateFormat = DATE_FORMAT.toLowerCase();
+    var placeHolder = selectionType === "range"
+        ? "".concat(lowerCaseDateFormat, " - ").concat(lowerCaseDateFormat)
+        : lowerCaseDateFormat;
+    React.useEffect(function () {
+        if (selectionType === "single" &&
+            isDateValid(value) &&
+            !isDisabledDate(disabledDates, convertDateStringToDate(value))) {
+            previousValidValue.current = value;
+        }
+        if (selectionType === "range" && isRangeValid(value)) {
+            var rangeHasDisabledDates = convertRangeStringToDates(value).some(function (rangeValue) { return isDisabledDate(disabledDates, rangeValue); });
+            if (!rangeHasDisabledDates) {
+                previousValidValue.current = value;
+            }
+        }
+    }, [value, disabledDates, selectionType]);
+    var getDatePickerRef = function (elementRef) {
+        ourRef.current = elementRef;
+        if (ref && typeof ref === "object") {
+            ref.current = elementRef;
+        }
+        if (ref && typeof ref === "function") {
+            ref(elementRef);
+        }
+    };
+    var dispatchChangeEvent = function (e, value) {
+        onChange &&
+            onChange(filterAttrs.__assign(filterAttrs.__assign({}, e), { target: filterAttrs.__assign(filterAttrs.__assign({}, e.target), { value: value }) }));
+    };
+    var handleRangeSelect = function (rangeSelection) {
+        var start = formatDate(rangeSelection.start);
+        var end = rangeSelection.end ? formatDate(rangeSelection.end) : null;
+        onRangeSelect &&
+            onRangeSelect(filterAttrs.__assign(filterAttrs.__assign({}, rangeSelection), { formattedRange: "".concat(start).concat(end ? " - ".concat(end) : "") }));
+        rangeSelection.isSelectionComplete && setShowCalendar(false);
+    };
+    var handleDateSelect = function (value) {
+        onDateSelect &&
+            onDateSelect({
+                date: value,
+                formattedDate: formatDate(value),
+            });
+        setShowCalendar(false);
+    };
+    var handleSingleSelectionBlur = function (e) {
+        if (value && isDateValid(value) && selectionType === "single") {
+            var _a = parseDateString(value), day = _a.day, month = _a.month, year = _a.year;
+            var date = new Date("".concat(year, "-").concat(month, "-").concat(day));
+            var isDateBeforeMinDate = minDate && Calendar.isBefore(date, minDate);
+            var isDateAfterMaxDate = maxDate && Calendar.isAfter(date, maxDate);
+            var isDisabledValue = isDisabledDate(disabledDates, date);
+            if (isDateBeforeMinDate) {
+                return dispatchChangeEvent(e, "".concat(formatDate(minDate)));
+            }
+            if (isDateAfterMaxDate) {
+                return dispatchChangeEvent(e, "".concat(formatDate(maxDate)));
+            }
+            if (isDisabledValue) {
+                var date_1 = previousValidValue.current
+                    ? convertDateStringToDate(previousValidValue.current)
+                    : new Date();
+                return dispatchChangeEvent(e, "".concat(formatDate(date_1)));
+            }
+        }
+    };
+    var handleRangeSelectionBlur = function (e) {
+        validateRangeOnBlur({
+            value: value,
+            minDate: minDate,
+            maxDate: maxDate,
+            disabledDates: disabledDates,
+            previousValidValue: previousValidValue.current,
+            dispatchChangeEvent: dispatchChangeEvent,
+            blurEvent: e,
+        });
+    };
+    var handleBlur = function (e) {
+        onBlur && onBlur(e);
+        if (selectionType === "single") {
+            handleSingleSelectionBlur(e);
+        }
+        if (selectionType === "range") {
+            handleRangeSelectionBlur(e);
+        }
+    };
+    var handleChange = function (e) {
+        onChange && onChange(e);
+    };
+    var handleCalendarOpenChange = function (isOpen) {
+        if (document.activeElement)
+            setShowCalendar(isOpen);
+    };
+    var handleIconClick = function () {
+        var _a;
+        !((_a = ourRef.current) === null || _a === void 0 ? void 0 : _a.contains(document.activeElement)) &&
+            !isDisabled &&
+            !isReadOnly &&
+            setShowCalendar(true);
+    };
+    var handleIconFocus = function () {
+        if (selectionType === "range" && isRangeValid(value)) {
+            var _a = convertRangeStringToDates(value), start = _a[0], end = _a[1];
+            return setAriaLabel("Change dates, currently selected dates are ".concat(index.format(start, "EEEE do MMMM, yyyy"), " to ").concat(index.format(end, "EEEE do MMMM, yyyy")));
+        }
+        if (selectionType === "single" && isDateValid(value)) {
+            var date = convertDateStringToDate(value);
+            return setAriaLabel("Change date, currently selected date is ".concat(index.format(date, "EEEE do MMMM, yyyy")));
+        }
+        setAriaLabel("Choose Date");
+    };
+    var handleCalendarClose = function () {
+        var _a, _b;
+        if (((_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.tagName) === "BODY") {
+            (_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+        }
+    };
+    var onCancelClick = function () {
+        setShowCalendar(false);
+    };
+    var handleAutoFocus = function (e) {
+        e.preventDefault();
+    };
+    return (React.createElement("div", { ref: setThemeElement, className: index$2.classNames({
+            "arc-DatePicker--constrained": !isFluid,
+        }) },
+        React.createElement(TextInput.TextInputWithPlaceHolder, filterAttrs.__assign({ ref: getDatePickerRef, iconButton: {
+                onClick: handleIconClick,
+                onFocus: handleIconFocus,
+                icon: "datePickerCalendar",
+                label: ariaLabel,
+                ref: buttonRef,
+            }, placeholder: placeHolder, errorMessage: errorMessage, helper: helper, id: id, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, label: label, maxLength: selectionType === "range" ? 23 : 10, name: name, onBlur: handleBlur, onChange: handleChange, onClickDisclosure: onClickDisclosure, type: "text", value: value, disclosureTitle: disclosureTitle, disclosureText: disclosureText, size: size }, props, filterAttrs.filterAttrs(props))),
+        React.createElement(index$3.Root2, filterAttrs.__assign({ open: showCalendar, onOpenChange: handleCalendarOpenChange }, filterAttrs.filterAttrs(props)),
+            React.createElement(index$3.Anchor2, null),
+            React.createElement(index$3.Portal, { container: themeElement },
+                React.createElement(index$3.Content2, { align: "start", "aria-modal": "true", "aria-label": "Choose Date", className: "arc-DatePicker-modal", onOpenAutoFocus: handleAutoFocus, onCloseAutoFocus: handleCalendarClose },
+                    React.createElement(Calendar.Calendar, { autoFocusOnMount: true, type: type, onCancelClick: onCancelClick, selectionType: selectionType, selectedDate: convertDateStringToDate(value), selectedRange: convertRangeStringToDates(value), disabledDates: disabledDates, minDate: minDate, maxDate: maxDate, onDateSelect: handleDateSelect, onRangeSelect: handleRangeSelect }))))));
+});
+
+var lowerCaseDateFormat = DATE_FORMAT.toLowerCase();
 var DatePickerRange = function (_a) {
     var _b, _c;
     var inputStart = _a.inputStart, inputEnd = _a.inputEnd, _d = _a.type, type = _d === void 0 ? "month" : _d, minDate = _a.minDate, maxDate = _a.maxDate, disabledDates = _a.disabledDates, onRangeSelect = _a.onRangeSelect;
@@ -58,7 +371,7 @@ var DatePickerRange = function (_a) {
     var endButtonRef = React.useRef(null);
     var endInputRef = React.useRef(null);
     var previousValidValue = React.useRef("");
-    var _j = index.useThemeElement(), themeElement = _j[0], setThemeElement = _j[1];
+    var _j = index$1.useThemeElement(), themeElement = _j[0], setThemeElement = _j[1];
     var _k = React.useState(false), showCalendar = _k[0], setShowCalendar = _k[1];
     var _l = React.useState(null), activeInput = _l[0], setActiveInput = _l[1];
     var getIsRequired = function (input) { var _a; return (_a = input.isRequired) !== null && _a !== void 0 ? _a : true; };
@@ -84,8 +397,8 @@ var DatePickerRange = function (_a) {
     };
     var handleRangeSelect = function (rangeSelection) {
         var start = rangeSelection.start, end = rangeSelection.end, isSelectionComplete = rangeSelection.isSelectionComplete;
-        var formattedStart = index$2.format(start, "dd/MM/yyyy");
-        var formattedEnd = end ? index$2.format(end, "dd/MM/yyyy") : "";
+        var formattedStart = index.format(start, "dd/MM/yyyy");
+        var formattedEnd = end ? index.format(end, "dd/MM/yyyy") : "";
         onRangeSelect === null || onRangeSelect === void 0 ? void 0 : onRangeSelect(filterAttrs.__assign(filterAttrs.__assign({}, rangeSelection), { formattedStart: formattedStart, formattedEnd: formattedEnd }));
         if (isSelectionComplete) {
             var fullRange = "".concat(formattedStart, " - ").concat(formattedEnd);
@@ -102,9 +415,9 @@ var DatePickerRange = function (_a) {
     };
     var handleIconFocus = function (_a) {
         var input = _a.input;
-        if (DatePicker.isRangeValid("".concat(startValue, " - ").concat(endValue))) {
-            var _b = DatePicker.convertRangeStringToDates("".concat(startValue, " - ").concat(endValue)), start = _b[0], end = _b[1];
-            var label = "Change dates, currently selected dates are ".concat(index$2.format(start, "EEEE do MMMM, yyyy"), " to ").concat(index$2.format(end, "EEEE do MMMM, yyyy"));
+        if (isRangeValid("".concat(startValue, " - ").concat(endValue))) {
+            var _b = convertRangeStringToDates("".concat(startValue, " - ").concat(endValue)), start = _b[0], end = _b[1];
+            var label = "Change dates, currently selected dates are ".concat(index.format(start, "EEEE do MMMM, yyyy"), " to ").concat(index.format(end, "EEEE do MMMM, yyyy"));
             input === "start" ? setStartAriaLabel(label) : setEndAriaLabel(label);
             return;
         }
@@ -129,7 +442,7 @@ var DatePickerRange = function (_a) {
         if (input === "end") {
             inputEnd.onBlur && inputEnd.onBlur(e);
         }
-        DatePicker.validateRangeOnBlur({
+        validateRangeOnBlur({
             value: value,
             minDate: minDate,
             maxDate: maxDate,
@@ -137,9 +450,9 @@ var DatePickerRange = function (_a) {
             previousValidValue: previousValidValue.current,
             dispatchChangeEvent: function (e, corrected) {
                 var _a, _b;
-                var _c = DatePicker.convertRangeStringToDates(corrected), start = _c[0], end = _c[1];
-                (_a = inputStart.onChange) === null || _a === void 0 ? void 0 : _a.call(inputStart, filterAttrs.__assign(filterAttrs.__assign({}, e), { target: filterAttrs.__assign(filterAttrs.__assign({}, e.target), { value: DatePicker.formatDate(start) }) }));
-                (_b = inputEnd.onChange) === null || _b === void 0 ? void 0 : _b.call(inputEnd, filterAttrs.__assign(filterAttrs.__assign({}, e), { target: filterAttrs.__assign(filterAttrs.__assign({}, e.target), { value: DatePicker.formatDate(end) }) }));
+                var _c = convertRangeStringToDates(corrected), start = _c[0], end = _c[1];
+                (_a = inputStart.onChange) === null || _a === void 0 ? void 0 : _a.call(inputStart, filterAttrs.__assign(filterAttrs.__assign({}, e), { target: filterAttrs.__assign(filterAttrs.__assign({}, e.target), { value: formatDate(start) }) }));
+                (_b = inputEnd.onChange) === null || _b === void 0 ? void 0 : _b.call(inputEnd, filterAttrs.__assign(filterAttrs.__assign({}, e), { target: filterAttrs.__assign(filterAttrs.__assign({}, e.target), { value: formatDate(end) }) }));
                 previousValidValue.current = corrected;
             },
             blurEvent: e,
@@ -204,17 +517,17 @@ var DatePickerRange = function (_a) {
                 label: endAriaLabel,
                 ref: endButtonRef,
             }, maxLength: 23, onBlur: function (e) { return handleBlur(e, "end"); }, errorMessage: inputEnd.errorMessage, helper: inputEnd.helper, id: inputEnd.id, isDisabled: inputEnd.isDisabled, isReadOnly: inputEnd.isReadOnly, isRequired: getIsRequired(inputEnd), label: getLabel(inputEnd, "end"), hideLabel: inputStart.hideLabel, name: inputEnd.name, onClickDisclosure: inputEnd.onClickDisclosure, disclosureTitle: inputEnd.disclosureTitle, disclosureText: inputEnd.disclosureText, placeholder: lowerCaseDateFormat, value: endValue, onChange: function (e) { return handleChange(e, "end"); } }, filterAttrs.filterAttrs(inputEnd))),
-        React.createElement(index$1.Root2, { open: showCalendar, onOpenChange: handleCalendarOpenChange },
-            React.createElement(index$1.Anchor2, null),
-            React.createElement(index$1.Portal, { container: themeElement },
-                React.createElement(index$1.Content2, { align: "end", "aria-modal": "true", "aria-label": "Choose Date", className: "arc-DatePicker-modal", onOpenAutoFocus: handleAutoFocus, onCloseAutoFocus: handleCalendarClose },
+        React.createElement(index$3.Root2, { open: showCalendar, onOpenChange: handleCalendarOpenChange },
+            React.createElement(index$3.Anchor2, null),
+            React.createElement(index$3.Portal, { container: themeElement },
+                React.createElement(index$3.Content2, { align: "end", "aria-modal": "true", "aria-label": "Choose Date", className: "arc-DatePicker-modal", onOpenAutoFocus: handleAutoFocus, onCloseAutoFocus: handleCalendarClose },
                     React.createElement(Calendar.Calendar, { autoFocusOnMount: true, type: type, onCancelClick: onCancelClick, selectionType: "range", selectedRange: getCalendarRange(), disabledDates: disabledDates, minDate: minDate, maxDate: maxDate, onRangeSelect: handleRangeSelect }))))));
 };
 
-exports.DATE_FORMAT = DatePicker.DATE_FORMAT;
-exports.DatePicker = DatePicker.DatePicker;
-exports.isDateValid = DatePicker.isDateValid;
-exports.isRangeValid = DatePicker.isRangeValid;
-exports.parseDateString = DatePicker.parseDateString;
-exports.parseRangeString = DatePicker.parseRangeString;
+exports.DATE_FORMAT = DATE_FORMAT;
+exports.DatePicker = DatePicker;
 exports.DatePickerRange = DatePickerRange;
+exports.isDateValid = isDateValid;
+exports.isRangeValid = isRangeValid;
+exports.parseDateString = parseDateString;
+exports.parseRangeString = parseRangeString;