@mtes-mct/monitor-ui 2.8.0 → 2.9.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [2.8.1](https://github.com/MTES-MCT/monitor-ui/compare/v2.8.0...v2.8.1) (2023-01-19)
+
+
+### Bug Fixes
+
+* **fields:** fix string date wrong default value offset in DatePicker & DateRangePicker ([18bc2aa](https://github.com/MTES-MCT/monitor-ui/commit/18bc2aa729cbe88c8e87fac294515a2fa75abbe7))
+
+# [2.8.0](https://github.com/MTES-MCT/monitor-ui/compare/v2.7.2...v2.8.0) (2023-01-17)
+
+
+### Features
+
+* **fields:** handle both Date & string dates in DatePicker & DateRangePicker ([6aacf70](https://github.com/MTES-MCT/monitor-ui/commit/6aacf7007bcbc789b9de643be2d192a1808b0afc))
+
 ## [2.7.2](https://github.com/MTES-MCT/monitor-ui/compare/v2.7.1...v2.7.2) (2023-01-13)
 
 

package/README.md

@@ -55,7 +55,8 @@ Please read the [contributing document](CONTRIBUTING.md) for setup and contribut
 
 ---
 
-[img-github]: https://img.shields.io/github/workflow/status/MTES-MCT/monitor-ui/Check/main?style=flat-square
+[img-github]:
+  https://img.shields.io/github/actions/workflow/status/MTES-MCT/monitor-ui/check.yml?branch=main&style=flat-square
 [img-license]: https://img.shields.io/github/license/MTES-MCT/monitor-ui?style=flat-square
 [img-npm]: https://img.shields.io/npm/v/@mtes-mct/monitor-ui?style=flat-square
 [lnk-github]: https://github.com/MTES-MCT/monitor-ui/actions?query=branch%3Amain++

package/index.js

@@ -2809,6 +2809,10 @@ const useClickOutside = (zoneRefOrzoneRefs, action, baseContainer) => {
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
 /**
  * lodash (Custom Build) <https://lodash.com/>
  * Build: `lodash modularize exports="npm" -o ./`
@@ -3390,47 +3394,64 @@ const StyledCheckbox = styled(Checkbox$1) `
   }
 `;
 
-var dayjs_min = {exports: {}};
+var dayjs_minExports$1 = {};
+var dayjs_min = {
+  get exports(){ return dayjs_minExports$1; },
+  set exports(v){ dayjs_minExports$1 = v; },
+};
 
 var hasRequiredDayjs_min;
 
 function requireDayjs_min () {
-	if (hasRequiredDayjs_min) return dayjs_min.exports;
+	if (hasRequiredDayjs_min) return dayjs_minExports$1;
 	hasRequiredDayjs_min = 1;
 	(function (module, exports) {
 		!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
 } (dayjs_min));
-	return dayjs_min.exports;
+	return dayjs_minExports$1;
 }
 
 var dayjs_minExports = requireDayjs_min();
+var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
 
-var timezone$1 = {exports: {}};
+var timezoneExports = {};
+var timezone$1 = {
+  get exports(){ return timezoneExports; },
+  set exports(v){ timezoneExports = v; },
+};
 
 (function (module, exports) {
 	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t={year:0,month:1,day:2,hour:3,minute:4,second:5},e={};return function(n,i,o){var r,a=function(t,n,i){void 0===i&&(i={});var o=new Date(t),r=function(t,n){void 0===n&&(n={});var i=n.timeZoneName||"short",o=t+"|"+i,r=e[o];return r||(r=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:i}),e[o]=r),r}(n,i);return r.formatToParts(o)},u=function(e,n){for(var i=a(e,n),r=[],u=0;u<i.length;u+=1){var f=i[u],s=f.type,m=f.value,c=t[s];c>=0&&(r[c]=parseInt(m,10));}var d=r[3],l=24===d?0:d,v=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",h=+e;return (o.utc(v).valueOf()-(h-=h%1e3))/6e4},f=i.prototype;f.tz=function(t,e){void 0===t&&(t=r);var n=this.utcOffset(),i=this.toDate(),a=i.toLocaleString("en-US",{timeZone:t}),u=Math.round((i-new Date(a))/1e3/60),f=o(a).$set("millisecond",this.$ms).utcOffset(15*-Math.round(i.getTimezoneOffset()/15)-u,!0);if(e){var s=f.utcOffset();f=f.add(n-s,"minute");}return f.$x.$timezone=t,f},f.offsetName=function(t){var e=this.$x.$timezone||o.tz.guess(),n=a(this.valueOf(),e,{timeZoneName:t}).find((function(t){return "timezonename"===t.type.toLowerCase()}));return n&&n.value};var s=f.startOf;f.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return s.call(this,t,e);var n=o(this.format("YYYY-MM-DD HH:mm:ss:SSS"));return s.call(n,t,e).tz(this.$x.$timezone,!0)},o.tz=function(t,e,n){var i=n&&e,a=n||e||r,f=u(+o(),a);if("string"!=typeof t)return o(t).tz(a);var s=function(t,e,n){var i=t-60*e*1e3,o=u(i,n);if(e===o)return [i,e];var r=u(i-=60*(o-e)*1e3,n);return o===r?[i,o]:[t-60*Math.min(o,r)*1e3,Math.max(o,r)]}(o.utc(t,i).valueOf(),f,a),m=s[0],c=s[1],d=o(m).utcOffset(c);return d.$x.$timezone=a,d},o.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},o.tz.setDefault=function(t){r=t;};}}));
 } (timezone$1));
 
-var timezone = timezone$1.exports;
+var timezone = timezoneExports;
 
-var utc$1 = {exports: {}};
+var utcExports = {};
+var utc$1 = {
+  get exports(){ return utcExports; },
+  set exports(v){ utcExports = v; },
+};
 
 (function (module, exports) {
 	!function(t,i){module.exports=i();}(commonjsGlobal,(function(){var t="minute",i=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(s,f,n){var u=f.prototype;n.utc=function(t){var i={date:t,utc:!0,args:arguments};return new f(i)},u.utc=function(i){var e=n(this.toDate(),{locale:this.$L,utc:!0});return i?e.add(this.utcOffset(),t):e},u.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var o=u.parse;u.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t);};var r=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds();}else r.call(this);};var a=u.utcOffset;u.utcOffset=function(s,f){var n=this.$utils().u;if(n(s))return this.$u?0:n(this.$offset)?a.call(this):this.$offset;if("string"==typeof s&&(s=function(t){void 0===t&&(t="");var s=t.match(i);if(!s)return null;var f=(""+s[0]).match(e)||["-",0,0],n=f[0],u=60*+f[1]+ +f[2];return 0===u?0:"+"===n?u:-u}(s),null===s))return this;var u=Math.abs(s)<=16?60*s:s,o=this;if(f)return o.$offset=u,o.$u=0===s,o;if(0!==s){var r=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(u+r,t)).$offset=u,o.$x.$localOffset=r;}else o=this.utc();return o};var h=u.format;u.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,i)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return !!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var l=u.toDate;u.toDate=function(t){return "s"===t&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var c=u.diff;u.diff=function(t,i,e){if(t&&this.$u===t.$u)return c.call(this,t,i,e);var s=this.local(),f=n(t).local();return c.call(s,f,i,e)};}}));
 } (utc$1));
 
-var utc = utc$1.exports;
+var utc = utcExports;
 
-var fr = {exports: {}};
+var frExports = {};
+var fr = {
+  get exports(){ return frExports; },
+  set exports(v){ frExports = v; },
+};
 
 (function (module, exports) {
 	!function(e,n){module.exports=n(requireDayjs_min());}(commonjsGlobal,(function(e){function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(e),i={name:"fr",weekdays:"dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"),weekdaysShort:"dim._lun._mar._mer._jeu._ven._sam.".split("_"),weekdaysMin:"di_lu_ma_me_je_ve_sa".split("_"),months:"janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"),monthsShort:"janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"),weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd D MMMM YYYY HH:mm"},relativeTime:{future:"dans %s",past:"il y a %s",s:"quelques secondes",m:"une minute",mm:"%d minutes",h:"une heure",hh:"%d heures",d:"un jour",dd:"%d jours",M:"un mois",MM:"%d mois",y:"un an",yy:"%d ans"},ordinal:function(e){return ""+e+(1===e?"er":"")}};return t.default.locale(i,null,!0),i}));
 } (fr));
 
-dayjs_minExports.extend(timezone);
-dayjs_minExports.extend(utc);
-dayjs_minExports.locale('fr');
-dayjs_minExports.tz.setDefault('UTC');
+dayjs.extend(timezone);
+dayjs.extend(utc);
+dayjs.locale('fr');
+dayjs.tz.setDefault('UTC');
 
 // TODO Use `date-fns` instead of `dayjs`.
 /**
@@ -3440,14 +3461,10 @@ dayjs_minExports.tz.setDefault('UTC');
  * `2022-01-02T03:04:05.006Z` => `2022-01-02T03:04:05.006+01:00` (or `+02:00` during DST) in Europe/Paris timezone.
  */
 function getLocalizedDayjs(utcDate) {
-    if (typeof utcDate === 'string') {
-        return dayjs_minExports(utcDate);
-    }
-    const utcDateAsDate = dayjs_minExports(utcDate).toDate();
     // The number of minutes returned by getTimezoneOffset() is positive if the local time zone is behind UTC,
     // and negative if the local time zone is ahead of UTC. For example, for UTC+10, -600 will be returned.
-    const timezoneOffsetInMinutes = utcDateAsDate.getTimezoneOffset();
-    return dayjs_minExports(utcDate).add(timezoneOffsetInMinutes, 'minutes');
+    const timezoneOffsetInMinutes = new Date().getTimezoneOffset();
+    return dayjs(utcDate).add(timezoneOffsetInMinutes, 'minutes');
 }
 
 // TODO Use `date-fns` instead of `dayjs`.
@@ -3462,7 +3479,7 @@ function getUtcizedDayjs(localDate) {
     // The number of minutes returned by getTimezoneOffset() is positive if the local time zone is behind UTC,
     // and negative if the local time zone is ahead of UTC. For example, for UTC+10, -600 will be returned.
     const timezoneOffsetInMinutes = definedLocalDate.getTimezoneOffset();
-    return dayjs_minExports(definedLocalDate).subtract(timezoneOffsetInMinutes, 'minutes');
+    return dayjs(definedLocalDate).subtract(timezoneOffsetInMinutes, 'minutes');
 }
 
 /**
@@ -3897,7 +3914,7 @@ function formatNumberAsDoubleDigit(numberLike) {
 function getDateFromDateAndTimeTuple(dateTuple, timeTuple, isEnd = false) {
     const [year, month, day] = dateTuple;
     const [hour, minute] = timeTuple;
-    const rawDateAsDayjs = dayjs_minExports()
+    const rawDateAsDayjs = dayjs()
         .year(Number(year))
         .month(Number(month) - 1)
         .date(Number(day))
@@ -4261,7 +4278,7 @@ const InputGroup = styled.div `
 `;
 
 function getUtcDayjs() {
-    return dayjs_minExports().utc();
+    return dayjs().utc();
 }
 
 new Array(24).fill(undefined).map((_, index) => ({
@@ -4308,7 +4325,9 @@ function CalendarPicker({ defaultValue, isHistorical, isOpen, onChange }) {
     }, [forceUpdate]);
     return (jsx(Box$5, { ref: boxRef, onClick: stopMouseEventPropagation, children: boxRef.current && (jsx(DatePicker$1, { container: boxRef.current, disabledDate: disabledDate, format: "yyyy-MM-dd", locale: RSUITE_CALENDAR_LOCALE, oneTap: true, onSelect: handleSelect, open: isOpen, 
             // `defaultValue` seems to be immediatly cancelled so we come down to using a controlled `value`
-            ranges: [], value: defaultValue })) }));
+            ranges: [], 
+            // eslint-disable-next-line no-null/no-null
+            value: defaultValue ?? null })) }));
 }
 const Box$5 = styled.div `
   height: 0;
@@ -4472,20 +4491,20 @@ disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false
     const dateInputRef = useRef();
     const timeInputRef = useRef();
     const isCalendarPickerOpenRef = useRef(false);
-    const selectedDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue).toDate() : undefined);
-    const selectedDateTupleRef = useRef(getDateTupleFromDate(selectedDateRef.current));
-    const selectedTimeTupleRef = useRef(getTimeTupleFromDate(selectedDateRef.current));
+    const selectedLocalizedDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue).toDate() : undefined);
+    const selectedLocalizedDateTupleRef = useRef(getDateTupleFromDate(selectedLocalizedDateRef.current));
+    const selectedLocalizedTimeTupleRef = useRef(getTimeTupleFromDate(selectedLocalizedDateRef.current));
     const { forceUpdate } = useForceUpdate();
-    const rangeCalendarPickerDefaultValue = useMemo(() => selectedDateTupleRef.current
-        ? getDateFromDateAndTimeTuple(selectedDateTupleRef.current, ['00', '00'])
+    const rangeCalendarPickerDefaultValue = useMemo(() => selectedLocalizedDateTupleRef.current
+        ? getDateFromDateAndTimeTuple(selectedLocalizedDateTupleRef.current, ['00', '00'])
         : undefined, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [selectedDateTupleRef.current]);
+    [selectedLocalizedDateTupleRef.current]);
     const submit = useCallback(() => {
-        if (!onChange || !selectedDateRef.current) {
+        if (!onChange || !selectedLocalizedDateRef.current) {
             return;
         }
-        const nextDateAsDayjs = getUtcizedDayjs(selectedDateRef.current);
+        const nextDateAsDayjs = getUtcizedDayjs(selectedLocalizedDateRef.current);
         if (isStringDate) {
             onChange(nextDateAsDayjs.toISOString());
         }
@@ -4504,13 +4523,13 @@ disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false
         timeInputRef.current.focus();
     }, [withTime]);
     const handleDateInputChange = useCallback((nextDateTuple, isFilled) => {
-        selectedDateTupleRef.current = nextDateTuple;
+        selectedLocalizedDateTupleRef.current = nextDateTuple;
         // If there is no time input or a time has already been selected,
-        if (!withTime || selectedTimeTupleRef.current) {
+        if (!withTime || selectedLocalizedTimeTupleRef.current) {
             // we must update the selected date and call onChange()
-            const timeTuple = (withTime ? selectedTimeTupleRef.current : ['00', '00']);
+            const timeTuple = (withTime ? selectedLocalizedTimeTupleRef.current : ['00', '00']);
             const nextDate = getDateFromDateAndTimeTuple(nextDateTuple, timeTuple);
-            selectedDateRef.current = nextDate;
+            selectedLocalizedDateRef.current = getLocalizedDayjs(nextDate).toDate();
             submit();
         }
         if (isFilled) {
@@ -4522,32 +4541,32 @@ disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false
         if (!withTime) {
             // we have to fix the date at the beginning of the day
             const nextDate = getDateFromDateAndTimeTuple(nextDateTuple, ['00', '00']);
-            selectedDateRef.current = nextDate;
+            selectedLocalizedDateRef.current = nextDate;
         }
         // If this is a date picker with a time input,
         else {
             // we include the selected time if it exists, set it at the beginning of the day if not
-            const nextDate = getDateFromDateAndTimeTuple(nextDateTuple, selectedTimeTupleRef.current || ['00', '00']);
-            selectedDateRef.current = nextDate;
+            const nextDate = getDateFromDateAndTimeTuple(nextDateTuple, selectedLocalizedTimeTupleRef.current || ['00', '00']);
+            selectedLocalizedDateRef.current = nextDate;
         }
-        selectedDateTupleRef.current = nextDateTuple;
-        selectedTimeTupleRef.current = getTimeTupleFromDate(selectedDateRef.current);
+        selectedLocalizedDateTupleRef.current = nextDateTuple;
+        selectedLocalizedTimeTupleRef.current = getTimeTupleFromDate(selectedLocalizedDateRef.current);
         closeCalendarPicker();
         forceUpdate();
         submit();
-        if (withTime && !selectedTimeTupleRef.current) {
+        if (withTime && !selectedLocalizedTimeTupleRef.current) {
             timeInputRef.current.focus();
         }
     }, [closeCalendarPicker, forceUpdate, submit, withTime]);
     const handleTimeInputFilled = useCallback((nextTimeTuple) => {
         // If a date has already been selected
-        if (selectedDateTupleRef.current) {
+        if (selectedLocalizedDateTupleRef.current) {
             // we must update the selected date accordingly and submit it
-            const nextDate = getDateFromDateAndTimeTuple(selectedDateTupleRef.current, nextTimeTuple);
-            selectedDateRef.current = nextDate;
+            const nextDate = getDateFromDateAndTimeTuple(selectedLocalizedDateTupleRef.current, nextTimeTuple);
+            selectedLocalizedDateRef.current = nextDate;
             submit();
         }
-        selectedTimeTupleRef.current = nextTimeTuple;
+        selectedLocalizedTimeTupleRef.current = nextTimeTuple;
         submit();
     }, [submit]);
     const openCalendarPicker = useCallback(() => {
@@ -4555,7 +4574,7 @@ disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false
         forceUpdate();
     }, [forceUpdate]);
     useClickOutside(boxRef, closeCalendarPicker, baseContainer);
-    return (jsxs(Fieldset, { disabled: disabled, ...nativeProps, children: [jsx(Legend, { isDisabled: disabled, isHidden: isLabelHidden, children: label }), jsxs(Box$4, { ref: boxRef, children: [jsx(Field$1, { children: jsx(DateInput, { ref: dateInputRef, defaultValue: selectedDateTupleRef.current, disabled: disabled, isCompact: isCompact, isForcedFocused: isCalendarPickerOpenRef.current, isLight: isLight, onChange: handleDateInputChange, onClick: openCalendarPicker, onNext: handleDateInputNext }) }), withTime && (jsx(Field$1, { "$isTimeField": true, children: jsx(TimeInput, { ref: timeInputRef, baseContainer: baseContainer, defaultValue: selectedTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isLight: isLight, minutesRange: minutesRange, onBack: () => dateInputRef.current.focus(true), onChange: handleTimeInputFilled, onFocus: closeCalendarPicker, onPrevious: () => dateInputRef.current.focus(true) }) }))] }), jsx(CalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, isOpen: isCalendarPickerOpenRef.current, onChange: handleCalendarPickerChange })] }));
+    return (jsxs(Fieldset, { disabled: disabled, ...nativeProps, children: [jsx(Legend, { isDisabled: disabled, isHidden: isLabelHidden, children: label }), jsxs(Box$4, { ref: boxRef, children: [jsx(Field$1, { children: jsx(DateInput, { ref: dateInputRef, defaultValue: selectedLocalizedDateTupleRef.current, disabled: disabled, isCompact: isCompact, isForcedFocused: isCalendarPickerOpenRef.current, isLight: isLight, onChange: handleDateInputChange, onClick: openCalendarPicker, onNext: handleDateInputNext }) }), withTime && (jsx(Field$1, { "$isTimeField": true, children: jsx(TimeInput, { ref: timeInputRef, baseContainer: baseContainer, defaultValue: selectedLocalizedTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isLight: isLight, minutesRange: minutesRange, onBack: () => dateInputRef.current.focus(true), onChange: handleTimeInputFilled, onFocus: closeCalendarPicker, onPrevious: () => dateInputRef.current.focus(true) }) }))] }), jsx(CalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, isOpen: isCalendarPickerOpenRef.current, onChange: handleCalendarPickerChange })] }));
 }
 const Box$4 = styled.div `
   * {
@@ -4576,7 +4595,7 @@ function sortDates(dates) {
     return dates
         .map(date => date.toISOString())
         .sort()
-        .map(dateAsIsoString => dayjs_minExports(dateAsIsoString).toDate());
+        .map(dateAsIsoString => dayjs(dateAsIsoString).toDate());
 }
 
 function RangeCalendarPicker({ defaultValue, isHistorical, isOpen, onChange }) {
@@ -4605,7 +4624,8 @@ function RangeCalendarPicker({ defaultValue, isHistorical, isOpen, onChange }) {
     }, [forceUpdate]);
     return (jsx(Box$3, { ref: boxRef, onClick: stopMouseEventPropagation, children: boxRef.current && (jsx(DateRangePicker$1, { container: boxRef.current, disabledDate: disabledDate, format: "yyyy-MM-dd", locale: RSUITE_CALENDAR_LOCALE, onSelect: handleSelect, open: isOpen, ranges: [], 
             // `defaultValue` seems to be immediatly cancelled so we come down to using a controlled `value`
-            value: controlledValue })) }));
+            // eslint-disable-next-line no-null/no-null
+            value: controlledValue ?? null })) }));
 }
 const Box$3 = styled.div `
   height: 0;
@@ -4784,34 +4804,34 @@ disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false
     const endDateInputRef = useRef();
     const endTimeInputRef = useRef();
     const isRangeCalendarPickerOpenRef = useRef(false);
-    const selectedStartDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue[0]).toDate() : undefined);
-    const selectedEndDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue[1]).toDate() : undefined);
-    const selectedStartDateTupleRef = useRef(getDateTupleFromDate(selectedStartDateRef.current));
-    const selectedEndDateTupleRef = useRef(getDateTupleFromDate(selectedEndDateRef.current));
-    const selectedStartTimeTupleRef = useRef(getTimeTupleFromDate(selectedStartDateRef.current));
-    const selectedEndTimeTupleRef = useRef(getTimeTupleFromDate(selectedEndDateRef.current));
+    const selectedLocalizedStartDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue[0]).toDate() : undefined);
+    const selectedLocalizedEndDateRef = useRef(defaultValue ? getLocalizedDayjs(defaultValue[1]).toDate() : undefined);
+    const selectedLocalizedStartDateTupleRef = useRef(getDateTupleFromDate(selectedLocalizedStartDateRef.current));
+    const selectedLocalizedEndDateTupleRef = useRef(getDateTupleFromDate(selectedLocalizedEndDateRef.current));
+    const selectedLocalizedStartTimeTupleRef = useRef(getTimeTupleFromDate(selectedLocalizedStartDateRef.current));
+    const selectedLocalizedEndTimeTupleRef = useRef(getTimeTupleFromDate(selectedLocalizedEndDateRef.current));
     const { forceUpdate } = useForceUpdate();
-    const rangeCalendarPickerDefaultValue = useMemo(() => selectedStartDateTupleRef.current && selectedEndDateTupleRef.current
+    const rangeCalendarPickerDefaultValue = useMemo(() => selectedLocalizedStartDateTupleRef.current && selectedLocalizedEndDateTupleRef.current
         ? [
-            getDateFromDateAndTimeTuple(selectedStartDateTupleRef.current, ['00', '00']),
-            getDateFromDateAndTimeTuple(selectedEndDateTupleRef.current, ['00', '00'], true)
+            getDateFromDateAndTimeTuple(selectedLocalizedStartDateTupleRef.current, ['00', '00']),
+            getDateFromDateAndTimeTuple(selectedLocalizedEndDateTupleRef.current, ['00', '00'], true)
         ]
         : undefined, 
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [selectedEndDateTupleRef.current, selectedStartDateTupleRef.current]);
+    [selectedLocalizedEndDateTupleRef.current, selectedLocalizedStartDateTupleRef.current]);
     const submit = useCallback(() => {
-        if (!onChange || !selectedStartDateRef.current || !selectedEndDateRef.current) {
+        if (!onChange || !selectedLocalizedStartDateRef.current || !selectedLocalizedEndDateRef.current) {
             return;
         }
         if (isStringDate) {
-            const utcizedStartDateAsString = getUtcizedDayjs(selectedStartDateRef.current).toISOString();
-            const utcizedEndDateAsString = getUtcizedDayjs(selectedEndDateRef.current).toISOString();
+            const utcizedStartDateAsString = getUtcizedDayjs(selectedLocalizedStartDateRef.current).toISOString();
+            const utcizedEndDateAsString = getUtcizedDayjs(selectedLocalizedEndDateRef.current).toISOString();
             const nextDateAsStringRange = [utcizedStartDateAsString, utcizedEndDateAsString];
             onChange(nextDateAsStringRange);
         }
         else {
-            const utcizedStartDate = getUtcizedDayjs(selectedStartDateRef.current).toDate();
-            const utcizedEndDate = getUtcizedDayjs(selectedEndDateRef.current).toDate();
+            const utcizedStartDate = getUtcizedDayjs(selectedLocalizedStartDateRef.current).toDate();
+            const utcizedEndDate = getUtcizedDayjs(selectedLocalizedEndDateRef.current).toDate();
             const nextDateRange = [utcizedStartDate, utcizedEndDate];
             onChange(nextDateRange);
         }
@@ -4842,13 +4862,13 @@ disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false
     }, [withTime]);
     const handleDateInputChange = useCallback((position, nextDateTuple, isFilled) => {
         if (position === DateRangePosition.START) {
-            selectedStartDateTupleRef.current = nextDateTuple;
+            selectedLocalizedStartDateTupleRef.current = nextDateTuple;
             // If there is no time input or a start time has already been selected,
-            if (!withTime || selectedStartTimeTupleRef.current) {
+            if (!withTime || selectedLocalizedStartTimeTupleRef.current) {
                 // we must update the selected start date and call onChange()
-                const startTimeTuple = (withTime ? selectedStartTimeTupleRef.current : ['00', '00']);
+                const startTimeTuple = (withTime ? selectedLocalizedStartTimeTupleRef.current : ['00', '00']);
                 const nextStartDate = getDateFromDateAndTimeTuple(nextDateTuple, startTimeTuple);
-                selectedStartDateRef.current = nextStartDate;
+                selectedLocalizedStartDateRef.current = nextStartDate;
                 submit();
             }
             if (isFilled) {
@@ -4856,13 +4876,13 @@ disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false
             }
         }
         else {
-            selectedEndDateTupleRef.current = nextDateTuple;
+            selectedLocalizedEndDateTupleRef.current = nextDateTuple;
             // If there is no time input or an end time has already been selected,
-            if (!withTime || selectedEndTimeTupleRef.current) {
+            if (!withTime || selectedLocalizedEndTimeTupleRef.current) {
                 // we must update the selected end date and call onChange()
-                const endTimeTuple = (withTime ? selectedEndTimeTupleRef.current : ['23', '59']);
+                const endTimeTuple = (withTime ? selectedLocalizedEndTimeTupleRef.current : ['23', '59']);
                 const nextEndDate = getDateFromDateAndTimeTuple(nextDateTuple, endTimeTuple, true);
-                selectedEndDateRef.current = nextEndDate;
+                selectedLocalizedEndDateRef.current = nextEndDate;
                 submit();
             }
             if (isFilled) {
@@ -4878,22 +4898,22 @@ disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false
             const nextStartDate = getDateFromDateAndTimeTuple(nextStartDateTuple, ['00', '00']);
             // and the end date at the end of the day
             const nextEndDate = getDateFromDateAndTimeTuple(nextEndDateTuple, ['23', '59'], true);
-            selectedStartDateRef.current = nextStartDate;
-            selectedEndDateRef.current = nextEndDate;
+            selectedLocalizedStartDateRef.current = nextStartDate;
+            selectedLocalizedEndDateRef.current = nextEndDate;
         }
         // If this is a date picker with a time input,
         else {
             // we include the selected start time if it exists, set it at the beginning of the day if not
-            const nextStartDate = getDateFromDateAndTimeTuple(nextStartDateTuple, selectedStartTimeTupleRef.current || ['00', '00']);
-            selectedStartDateRef.current = nextStartDate;
+            const nextStartDate = getDateFromDateAndTimeTuple(nextStartDateTuple, selectedLocalizedStartTimeTupleRef.current || ['00', '00']);
+            selectedLocalizedStartDateRef.current = nextStartDate;
             // we include the selected end time if it exists, set it at the end of the day if not
-            const nextEndDate = getDateFromDateAndTimeTuple(nextEndDateTuple, selectedEndTimeTupleRef.current || ['23', '59'], true);
-            selectedEndDateRef.current = nextEndDate;
+            const nextEndDate = getDateFromDateAndTimeTuple(nextEndDateTuple, selectedLocalizedEndTimeTupleRef.current || ['23', '59'], true);
+            selectedLocalizedEndDateRef.current = nextEndDate;
         }
-        selectedStartDateTupleRef.current = nextStartDateTuple;
-        selectedStartTimeTupleRef.current = getTimeTupleFromDate(selectedStartDateRef.current);
-        selectedEndDateTupleRef.current = nextEndDateTuple;
-        selectedEndTimeTupleRef.current = getTimeTupleFromDate(selectedEndDateRef.current);
+        selectedLocalizedStartDateTupleRef.current = nextStartDateTuple;
+        selectedLocalizedStartTimeTupleRef.current = getTimeTupleFromDate(selectedLocalizedStartDateRef.current);
+        selectedLocalizedEndDateTupleRef.current = nextEndDateTuple;
+        selectedLocalizedEndTimeTupleRef.current = getTimeTupleFromDate(selectedLocalizedEndDateRef.current);
         closeRangeCalendarPicker();
         forceUpdate();
         submit();
@@ -4901,24 +4921,24 @@ disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false
     const handleTimeInputFilled = useCallback((position, nextTimeTuple) => {
         if (position === DateRangePosition.START) {
             // If a start date has already been selected
-            if (selectedStartDateTupleRef.current) {
+            if (selectedLocalizedStartDateTupleRef.current) {
                 // we must update the selected start date accordingly and submit it
-                const nextStartDate = getDateFromDateAndTimeTuple(selectedStartDateTupleRef.current, nextTimeTuple);
-                selectedStartDateRef.current = nextStartDate;
+                const nextStartDate = getDateFromDateAndTimeTuple(selectedLocalizedStartDateTupleRef.current, nextTimeTuple);
+                selectedLocalizedStartDateRef.current = nextStartDate;
                 submit();
             }
-            selectedStartTimeTupleRef.current = nextTimeTuple;
+            selectedLocalizedStartTimeTupleRef.current = nextTimeTuple;
             endDateInputRef.current.focus();
         }
         else {
             // If an end date has already been selected
-            if (selectedEndDateTupleRef.current) {
+            if (selectedLocalizedEndDateTupleRef.current) {
                 // we must update the selected end date accordingly and submit it
-                const nextEndDate = getDateFromDateAndTimeTuple(selectedEndDateTupleRef.current, nextTimeTuple, true);
-                selectedEndDateRef.current = nextEndDate;
+                const nextEndDate = getDateFromDateAndTimeTuple(selectedLocalizedEndDateTupleRef.current, nextTimeTuple, true);
+                selectedLocalizedEndDateRef.current = nextEndDate;
                 submit();
             }
-            selectedEndTimeTupleRef.current = nextTimeTuple;
+            selectedLocalizedEndTimeTupleRef.current = nextTimeTuple;
         }
         submit();
     }, [submit]);
@@ -4927,7 +4947,7 @@ disabled = false, isCompact = false, isHistorical = false, isLabelHidden = false
         forceUpdate();
     }, [forceUpdate]);
     useClickOutside([endDateInputRef, startDateInputRef], closeRangeCalendarPicker, baseContainer);
-    return (jsxs(Fieldset, { ...nativeProps, children: [jsx(Legend, { isDisabled: disabled, isHidden: isLabelHidden, children: label }), jsxs(Box$2, { isDisabled: disabled, children: [jsx(Field, { children: jsx(DateInput, { ref: startDateInputRef, defaultValue: selectedStartDateTupleRef.current, disabled: disabled, isCompact: isCompact, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, isStartDate: true, onChange: (nextDateTuple, isFilled) => handleDateInputChange(DateRangePosition.START, nextDateTuple, isFilled), onClick: openRangeCalendarPicker, onNext: handleStartDateInputNext }) }), withTime && (jsx(Field, { isTimeField: true, children: jsx(TimeInput, { ref: startTimeInputRef, baseContainer: baseContainer, defaultValue: selectedStartTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isLight: isLight, isStartDate: true, minutesRange: minutesRange, onBack: () => startDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.START, nextTimeTuple), onFocus: closeRangeCalendarPicker, onNext: () => endDateInputRef.current.focus(), onPrevious: () => startDateInputRef.current.focus(true) }) })), jsx(Field, { isEndDateField: true, children: jsx(DateInput, { ref: endDateInputRef, defaultValue: selectedEndDateTupleRef.current, disabled: disabled, isCompact: isCompact, isEndDate: true, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, onBack: handleEndDateInputPrevious, onChange: (nextDateTuple, isFilled) => handleDateInputChange(DateRangePosition.END, nextDateTuple, isFilled), onClick: openRangeCalendarPicker, onNext: handleEndDateInputNext, onPrevious: handleEndDateInputPrevious }) }), withTime && (jsx(Field, { isTimeField: true, children: jsx(TimeInput, { ref: endTimeInputRef, baseContainer: baseContainer, defaultValue: selectedEndTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isEndDate: true, isLight: isLight, minutesRange: minutesRange, onBack: () => endDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.END, nextTimeTuple), onFocus: closeRangeCalendarPicker, onPrevious: () => endDateInputRef.current.focus(true) }) }))] }), jsx(RangeCalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, isOpen: isRangeCalendarPickerOpenRef.current, onChange: handleRangeCalendarPickerChange })] }));
+    return (jsxs(Fieldset, { ...nativeProps, children: [jsx(Legend, { isDisabled: disabled, isHidden: isLabelHidden, children: label }), jsxs(Box$2, { isDisabled: disabled, children: [jsx(Field, { children: jsx(DateInput, { ref: startDateInputRef, defaultValue: selectedLocalizedStartDateTupleRef.current, disabled: disabled, isCompact: isCompact, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, isStartDate: true, onChange: (nextDateTuple, isFilled) => handleDateInputChange(DateRangePosition.START, nextDateTuple, isFilled), onClick: openRangeCalendarPicker, onNext: handleStartDateInputNext }) }), withTime && (jsx(Field, { isTimeField: true, children: jsx(TimeInput, { ref: startTimeInputRef, baseContainer: baseContainer, defaultValue: selectedLocalizedStartTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isLight: isLight, isStartDate: true, minutesRange: minutesRange, onBack: () => startDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.START, nextTimeTuple), onFocus: closeRangeCalendarPicker, onNext: () => endDateInputRef.current.focus(), onPrevious: () => startDateInputRef.current.focus(true) }) })), jsx(Field, { isEndDateField: true, children: jsx(DateInput, { ref: endDateInputRef, defaultValue: selectedLocalizedEndDateTupleRef.current, disabled: disabled, isCompact: isCompact, isEndDate: true, isForcedFocused: isRangeCalendarPickerOpenRef.current, isLight: isLight, onBack: handleEndDateInputPrevious, onChange: (nextDateTuple, isFilled) => handleDateInputChange(DateRangePosition.END, nextDateTuple, isFilled), onClick: openRangeCalendarPicker, onNext: handleEndDateInputNext, onPrevious: handleEndDateInputPrevious }) }), withTime && (jsx(Field, { isTimeField: true, children: jsx(TimeInput, { ref: endTimeInputRef, baseContainer: baseContainer, defaultValue: selectedLocalizedEndTimeTupleRef.current, disabled: disabled, isCompact: isCompact, isEndDate: true, isLight: isLight, minutesRange: minutesRange, onBack: () => endDateInputRef.current.focus(true), onChange: nextTimeTuple => handleTimeInputFilled(DateRangePosition.END, nextTimeTuple), onFocus: closeRangeCalendarPicker, onPrevious: () => endDateInputRef.current.focus(true) }) }))] }), jsx(RangeCalendarPicker, { defaultValue: rangeCalendarPickerDefaultValue, isHistorical: isHistorical, isOpen: isRangeCalendarPickerOpenRef.current, onChange: handleRangeCalendarPickerChange })] }));
 }
 const Box$2 = styled.div `
   * {
@@ -5342,6 +5362,9 @@ function FormikAutoComplete({ name, ...originalProps }) {
     const [field, , helpers] = useField(name);
     // eslint-disable-next-line react-hooks/exhaustive-deps, @typescript-eslint/naming-convention
     const defaultValue = useMemo(() => field.value, []);
+    if (!defaultValue) {
+        return jsx(AutoComplete, { name: name, onChange: helpers.setValue, ...originalProps });
+    }
     return jsx(AutoComplete, { defaultValue: defaultValue, name: name, onChange: helpers.setValue, ...originalProps });
 }