@fvc/picker 1.0.9 → 1.1.0

package/dist/lib/index.js

@@ -1,6 +1,6 @@
-import{DatePicker as r,TimePicker as e}from"antd";import n,{useCallback as i,forwardRef as c}from"react";import{Icon as t}from"@fvc/icons";var a=function(){return a=Object.assign||function(r){for(var e,n=1,i=arguments.length;n<i;n++)for(var c in e=arguments[n])Object.prototype.hasOwnProperty.call(e,c)&&(r[c]=e[c]);return r},a.apply(this,arguments)};function o(r,e){var n={};for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&e.indexOf(i)<0&&(n[i]=r[i]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var c=0;for(i=Object.getOwnPropertySymbols(r);c<i.length;c++)e.indexOf(i[c])<0&&Object.prototype.propertyIsEnumerable.call(r,i[c])&&(n[i[c]]=r[i[c]])}return n}function d(r,e){var n="function"==typeof Symbol&&r[Symbol.iterator];if(!n)return r;var i,c,t=n.call(r),a=[];try{for(;(void 0===e||e-- >0)&&!(i=t.next()).done;)a.push(i.value)}catch(r){c={error:r}}finally{try{i&&!i.done&&(n=t.return)&&n.call(t)}finally{if(c)throw c.error}}return a}function p(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}"function"==typeof SuppressedError&&SuppressedError;var l,s={exports:{}};
+import{DatePicker as e,TimePicker as r}from"antd";import n,{useCallback as t,forwardRef as i,useState as a}from"react";function c(e,r){var n={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(t=Object.getOwnPropertySymbols(e);i<t.length;i++)r.indexOf(t[i])<0&&Object.prototype.propertyIsEnumerable.call(e,t[i])&&(n[t[i]]=e[t[i]])}return n}function o(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}"function"==typeof SuppressedError&&SuppressedError;var d,s={exports:{}};
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var u,k=p((l||(l=1,u=s,function(){var r={}.hasOwnProperty;function e(){for(var r="",e=0;e<arguments.length;e++){var c=arguments[e];c&&(r=i(r,n(c)))}return r}function n(n){if("string"==typeof n||"number"==typeof n)return n;if("object"!=typeof n)return"";if(Array.isArray(n))return e.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var c="";for(var t in n)r.call(n,t)&&n[t]&&(c=i(c,t));return c}function i(r,e){return e?r?r+" "+e:r+e:r}u.exports?(e.default=e,u.exports=e):window.classNames=e}()),s.exports));function f(r,e){void 0===e&&(e={});var n=e.insertAt;if(r&&"undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],c=document.createElement("style");c.type="text/css","top"===n&&i.firstChild?i.insertBefore(c,i.firstChild):i.appendChild(c),c.styleSheet?c.styleSheet.cssText=r:c.appendChild(document.createTextNode(r))}}f(":root {\n  /* Picker Size Variables */\n  --picker-width: 100%;\n  --picker-max-width-short: 140px;\n  /* Picker Color Variables */\n  --picker-main-color: var(--blue-600);\n  --picker-main-border: 1px solid var(--gray-400);\n  --picker-main-outlined-input-background: var(--neutral-0);\n  --picker-cell-in-view-background-color: var(--picker-main-color);\n  --picker-cell-today-inner-before-border-color: var(--picker-main-color);\n  --picker-cell-inner-background-color: var(--picker-main-color);\n  --picker-time-panel-cell-inner-background-color: var(--blue-gray-200);\n  --picker-suffix-color: var(--gray-900);\n  --picker-input-hover-color: var(--blue-500);\n  --picker-input-disabled-color: var(--gray-900);\n  --picker-input-disabled-background-color: var(--gray-100);\n  /* Picker Border Radius Variables */\n  --picker-main-border-radius: 20px;\n  --picker-cell-in-view-border-radius: 20px;\n  --picker-today-default-radius: 2px;\n  --picker-ok-border-radius: 30px;\n  /* Picker Padding Variables */\n  --picker-main-padding: 0px;\n  --picker-main-outlined-input-padding: 5px 13px;\n  --picker-clear-right: 12px;\n  /* Picker Font Variables */\n  --picker-input-font-weight: 500;\n  /* Picker Error State Variables */\n  --picker-error-background-color: var(--red-100);\n  --picker-error-border-color: var(--red-800);\n  --picker-error-suffix-color: var(--red-800);\n  /* Picker Ok State Variables */\n  --picker-ok-background-color: var(--green-600);\n  --picker-ok-box-shadow: none;\n}\n\n.fvc-datepicker {\n  width: var(--picker-width);\n  padding: var(--picker-main-padding);\n  border-radius: var(--picker-main-border-radius);\n  border-color: var(--picker-main-border-color);\n  border: var(--picker-main-border);\n}\n.fvc-datepicker-outlined .fvc-datepicker-input {\n  align-items: center;\n  padding: var(--picker-main-outlined-input-padding);\n  display: inline-flex;\n  position: relative;\n}\n.fvc-datepicker .fvc-datepicker-input > input {\n  font-weight: var(--picker-input-font-weight);\n}\n.fvc-datepicker .fvc-datepicker-input > input:not(:disabled):hover {\n  color: var(--picker-input-hover-color);\n}\n.fvc-datepicker .fvc-datepicker-input > input:disabled {\n  color: var(--picker-input-disabled-color);\n}\n.fvc-datepicker .fvc-datepicker-suffix {\n  color: var(--picker-suffix-color);\n}\n.fvc-datepicker .fvc-datepicker-clear {\n  right: var(--picker-clear-right);\n}\n\n.fvc-datepicker-short {\n  max-width: var(--picker-max-width-short);\n}\n\n.fvc-datepicker-outlined.fvc-datepicker-status-error:not(.fvc-datepicker-disabled) {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n.fvc-datepicker-outlined.fvc-datepicker-status-error:not(.fvc-datepicker-disabled) .fvc-datepicker-suffix {\n  color: var(--picker-error-suffix-color);\n}\n.fvc-datepicker-outlined.fvc-datepicker-status-error:not(.fvc-datepicker-disabled):hover {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n\n.fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-range-start td.fvc-datepicker-cell:before, .fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-range-end td.fvc-datepicker-cell:before, .fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-selected td.fvc-datepicker-cell:before, .fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-hover td.fvc-datepicker-cell:before {\n  background-color: var(--picker-cell-in-view-background-color);\n}\n.fvc-datepicker-dropdown .fvc-datepicker-month-btn {\n  text-transform: capitalize;\n}\n.fvc-datepicker-dropdown-hide-year .fvc-datepicker-month-panel .fvc-datepicker-header {\n  display: none !important;\n}\n.fvc-datepicker-dropdown-hide-year .fvc-datepicker-year-btn {\n  display: none !important;\n}\n.fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-today .fvc-datepicker-cell-inner::before {\n  border-color: var(--picker-cell-today-inner-before-border-color);\n  border-radius: var(--picker-today-default-radius);\n}\n.fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-selected:not(.fvc-datepicker-cell-disabled) .fvc-datepicker-cell-inner, .fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-range-start:not(.fvc-datepicker-cell-disabled) .fvc-datepicker-cell-inner, .fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-range-end:not(.fvc-datepicker-cell-disabled) .fvc-datepicker-cell-inner {\n  background-color: var(--picker-cell-inner-background-color);\n}\n.fvc-datepicker-dropdown .fvc-datepicker-time-panel-column > li.fvc-datepicker-time-panel-cell-selected .fvc-datepicker-time-panel-cell-inner {\n  background-color: var(--picker-time-panel-cell-inner-background-color);\n}\n\n.fvc-datepicker-ok button {\n  border-radius: var(--picker-ok-border-radius);\n  box-shadow: var(--picker-ok-box-shadow);\n}\n.fvc-datepicker-ok button:not([disabled]) {\n  background: var(--picker-ok-background-color);\n}\n.fvc-datepicker-ok button:not([disabled]):hover {\n  background: var(--picker-ok-background-color) !important;\n}");var v,g={exports:{}};var b,m=p((v||(v=1,g.exports=function(){var r=1e3,e=6e4,n=36e5,i="millisecond",c="second",t="minute",a="hour",o="day",d="week",p="month",l="quarter",s="year",u="date",k="Invalid Date",f=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,v=/\[([^\]]+)]|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,g={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(r){var e=["th","st","nd","rd"],n=r%100;return"["+r+(e[(n-20)%10]||e[n]||e[0])+"]"}},b=function(r,e,n){var i=String(r);return!i||i.length>=e?r:""+Array(e+1-i.length).join(n)+r},m={s:b,z:function(r){var e=-r.utcOffset(),n=Math.abs(e),i=Math.floor(n/60),c=n%60;return(e<=0?"+":"-")+b(i,2,"0")+":"+b(c,2,"0")},m:function r(e,n){if(e.date()<n.date())return-r(n,e);var i=12*(n.year()-e.year())+(n.month()-e.month()),c=e.clone().add(i,p),t=n-c<0,a=e.clone().add(i+(t?-1:1),p);return+(-(i+(n-c)/(t?c-a:a-c))||0)},a:function(r){return r<0?Math.ceil(r)||0:Math.floor(r)},p:function(r){return{M:p,y:s,w:d,d:o,D:u,h:a,m:t,s:c,ms:i,Q:l}[r]||String(r||"").toLowerCase().replace(/s$/,"")},u:function(r){return void 0===r}},h="en",w={};w[h]=g;var y="$isDayjsObject",x=function(r){return r instanceof S||!(!r||!r[y])},M=function r(e,n,i){var c;if(!e)return h;if("string"==typeof e){var t=e.toLowerCase();w[t]&&(c=t),n&&(w[t]=n,c=t);var a=e.split("-");if(!c&&a.length>1)return r(a[0])}else{var o=e.name;w[o]=e,c=o}return!i&&c&&(h=c),c||!i&&h},$=function(r,e){if(x(r))return r.clone();var n="object"==typeof e?e:{};return n.date=r,n.args=arguments,new S(n)},D=m;D.l=M,D.i=x,D.w=function(r,e){return $(r,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var S=function(){function g(r){this.$L=M(r.locale,null,!0),this.parse(r),this.$x=this.$x||r.x||{},this[y]=!0}var b=g.prototype;return b.parse=function(r){this.$d=function(r){var e=r.date,n=r.utc;if(null===e)return new Date(NaN);if(D.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var i=e.match(f);if(i){var c=i[2]-1||0,t=(i[7]||"0").substring(0,3);return n?new Date(Date.UTC(i[1],c,i[3]||1,i[4]||0,i[5]||0,i[6]||0,t)):new Date(i[1],c,i[3]||1,i[4]||0,i[5]||0,i[6]||0,t)}}return new Date(e)}(r),this.init()},b.init=function(){var r=this.$d;this.$y=r.getFullYear(),this.$M=r.getMonth(),this.$D=r.getDate(),this.$W=r.getDay(),this.$H=r.getHours(),this.$m=r.getMinutes(),this.$s=r.getSeconds(),this.$ms=r.getMilliseconds()},b.$utils=function(){return D},b.isValid=function(){return!(this.$d.toString()===k)},b.isSame=function(r,e){var n=$(r);return this.startOf(e)<=n&&n<=this.endOf(e)},b.isAfter=function(r,e){return $(r)<this.startOf(e)},b.isBefore=function(r,e){return this.endOf(e)<$(r)},b.$g=function(r,e,n){return D.u(r)?this[e]:this.set(n,r)},b.unix=function(){return Math.floor(this.valueOf()/1e3)},b.valueOf=function(){return this.$d.getTime()},b.startOf=function(r,e){var n=this,i=!!D.u(e)||e,l=D.p(r),k=function(r,e){var c=D.w(n.$u?Date.UTC(n.$y,e,r):new Date(n.$y,e,r),n);return i?c:c.endOf(o)},f=function(r,e){return D.w(n.toDate()[r].apply(n.toDate("s"),(i?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},v=this.$W,g=this.$M,b=this.$D,m="set"+(this.$u?"UTC":"");switch(l){case s:return i?k(1,0):k(31,11);case p:return i?k(1,g):k(0,g+1);case d:var h=this.$locale().weekStart||0,w=(v<h?v+7:v)-h;return k(i?b-w:b+(6-w),g);case o:case u:return f(m+"Hours",0);case a:return f(m+"Minutes",1);case t:return f(m+"Seconds",2);case c:return f(m+"Milliseconds",3);default:return this.clone()}},b.endOf=function(r){return this.startOf(r,!1)},b.$set=function(r,e){var n,d=D.p(r),l="set"+(this.$u?"UTC":""),k=(n={},n[o]=l+"Date",n[u]=l+"Date",n[p]=l+"Month",n[s]=l+"FullYear",n[a]=l+"Hours",n[t]=l+"Minutes",n[c]=l+"Seconds",n[i]=l+"Milliseconds",n)[d],f=d===o?this.$D+(e-this.$W):e;if(d===p||d===s){var v=this.clone().set(u,1);v.$d[k](f),v.init(),this.$d=v.set(u,Math.min(this.$D,v.daysInMonth())).$d}else k&&this.$d[k](f);return this.init(),this},b.set=function(r,e){return this.clone().$set(r,e)},b.get=function(r){return this[D.p(r)]()},b.add=function(i,l){var u,k=this;i=Number(i);var f=D.p(l),v=function(r){var e=$(k);return D.w(e.date(e.date()+Math.round(r*i)),k)};if(f===p)return this.set(p,this.$M+i);if(f===s)return this.set(s,this.$y+i);if(f===o)return v(1);if(f===d)return v(7);var g=(u={},u[t]=e,u[a]=n,u[c]=r,u)[f]||1,b=this.$d.getTime()+i*g;return D.w(b,this)},b.subtract=function(r,e){return this.add(-1*r,e)},b.format=function(r){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||k;var i=r||"YYYY-MM-DDTHH:mm:ssZ",c=D.z(this),t=this.$H,a=this.$m,o=this.$M,d=n.weekdays,p=n.months,l=n.meridiem,s=function(r,n,c,t){return r&&(r[n]||r(e,i))||c[n].slice(0,t)},u=function(r){return D.s(t%12||12,r,"0")},f=l||function(r,e,n){var i=r<12?"AM":"PM";return n?i.toLowerCase():i};return i.replace(v,(function(r,i){return i||function(r){switch(r){case"YY":return String(e.$y).slice(-2);case"YYYY":return D.s(e.$y,4,"0");case"M":return o+1;case"MM":return D.s(o+1,2,"0");case"MMM":return s(n.monthsShort,o,p,3);case"MMMM":return s(p,o);case"D":return e.$D;case"DD":return D.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return s(n.weekdaysMin,e.$W,d,2);case"ddd":return s(n.weekdaysShort,e.$W,d,3);case"dddd":return d[e.$W];case"H":return String(t);case"HH":return D.s(t,2,"0");case"h":return u(1);case"hh":return u(2);case"a":return f(t,a,!0);case"A":return f(t,a,!1);case"m":return String(a);case"mm":return D.s(a,2,"0");case"s":return String(e.$s);case"ss":return D.s(e.$s,2,"0");case"SSS":return D.s(e.$ms,3,"0");case"Z":return c}return null}(r)||c.replace(":","")}))},b.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},b.diff=function(i,u,k){var f,v=this,g=D.p(u),b=$(i),m=(b.utcOffset()-this.utcOffset())*e,h=this-b,w=function(){return D.m(v,b)};switch(g){case s:f=w()/12;break;case p:f=w();break;case l:f=w()/3;break;case d:f=(h-m)/6048e5;break;case o:f=(h-m)/864e5;break;case a:f=h/n;break;case t:f=h/e;break;case c:f=h/r;break;default:f=h}return k?f:D.a(f)},b.daysInMonth=function(){return this.endOf(p).$D},b.$locale=function(){return w[this.$L]},b.locale=function(r,e){if(!r)return this.$L;var n=this.clone(),i=M(r,e,!0);return i&&(n.$L=i),n},b.clone=function(){return D.w(this.$d,this)},b.toDate=function(){return new Date(this.valueOf())},b.toJSON=function(){return this.isValid()?this.toISOString():null},b.toISOString=function(){return this.$d.toISOString()},b.toString=function(){return this.$d.toUTCString()},g}(),I=S.prototype;return $.prototype=I,[["$ms",i],["$s",c],["$m",t],["$H",a],["$W",o],["$M",p],["$y",s],["$D",u]].forEach((function(r){I[r[1]]=function(e){return this.$g(e,r[0],r[1])}})),$.extend=function(r,e){return r.$i||(r(e,S,$),r.$i=!0),$},$.locale=M,$.isDayjs=x,$.unix=function(r){return $(1e3*r)},$.en=w[h],$.Ls=w,$.p={},$}()),g.exports)),h={exports:{}};var w,y=p(b?h.exports:(b=1,h.exports=function(r,e,n){e.prototype.isBetween=function(r,e,i,c){var t=n(r),a=n(e),o="("===(c=c||"()")[0],d=")"===c[1];return(o?this.isAfter(t,i):!this.isBefore(t,i))&&(d?this.isBefore(a,i):!this.isAfter(a,i))||(o?this.isBefore(t,i):!this.isAfter(t,i))&&(d?this.isAfter(a,i):!this.isBefore(a,i))}})),x={exports:{}};var M,$=p(w?x.exports:(w=1,x.exports=function(r,e){e.prototype.isSameOrAfter=function(r,e){return this.isSame(r,e)||this.isAfter(r,e)}})),D={exports:{}};var S=p(M?D.exports:(M=1,D.exports=function(r,e){e.prototype.isSameOrBefore=function(r,e){return this.isSame(r,e)||this.isBefore(r,e)}}));m.extend(y),m.extend(S),m.extend($);var I=function(r,e){return m(r,e)},O=function(r,e,n){if(!e)return!1;var i=I(r,n),c=e.dates,t=void 0===c?[]:c,a=e.fromDate,o=e.tillDate,p=e.ranges;return!!function(r,e){return!!(null==e?void 0:e.includes(r))}(r,t)||(!!t.some((function(r){return i.isSame(I(r,n))}))||(!(!a&&!o||!function(r,e,n,i){if(!e||!n)return!(!e||!r.isSameOrAfter(I(e,i)))||!(!n||!r.isSameOrBefore(I(n,i)));var c=I(e,i),t=I(n,i);return c.isSameOrAfter(t)?c.isSame(t)?r.isSame(c):!r.isBetween(t,c):r.isBetween(c,t,null,"[]")}(i,a,o,n))||!!p&&function(r,e){return!!(null==e?void 0:e.some((function(e){var n=d(e,2),i=n[0],c=n[1];return r.isBetween(i,c,null,"[]")})))}(i,p)))},P=function(r,e,n){return{getDisabledDate:i((function(i){return!function(r,e,n,i){var c=r.format(i);return(!e||!O(c,e,i))&&(!n||O(c,n,i))}(i,r,e,n)}),[r,e,n])}},C="fvc-datepicker",N=c((function(e,i){var c,t,d=e.disabledDates,p=e.enabledDates,l=e.format,s=e.short,u=e.className,f=e.hideYear,v=e.status,g=e.testId,b=void 0===g?"datepicker":g,m=e.error,h=o(e,["disabledDates","enabledDates","format","short","className","hideYear","status","testId","error"]),w=k(((c={})["".concat(C,"-short")]=s,c)),y=k("".concat(C,"-dropdown"),((t={})["".concat(C,"-dropdown-hide-year")]=f,t)),x=P(d,p,l).getDisabledDate;return n.createElement("div",{"data-testid":b,className:u},n.createElement(r,a({},h,{className:w,prefixCls:C,format:l,popupClassName:y,disabledDate:x,status:m?"error":v,ref:i})))}));N.displayName="DatePicker";f(':root {\n  /* Picker Size Variables */\n  --picker-width: 100%;\n  --picker-max-width-short: 140px;\n  /* Picker Color Variables */\n  --picker-main-color: var(--blue-600);\n  --picker-main-border: 1px solid var(--gray-400);\n  --picker-main-outlined-input-background: var(--neutral-0);\n  --picker-cell-in-view-background-color: var(--picker-main-color);\n  --picker-cell-today-inner-before-border-color: var(--picker-main-color);\n  --picker-cell-inner-background-color: var(--picker-main-color);\n  --picker-time-panel-cell-inner-background-color: var(--blue-gray-200);\n  --picker-suffix-color: var(--gray-900);\n  --picker-input-hover-color: var(--blue-500);\n  --picker-input-disabled-color: var(--gray-900);\n  --picker-input-disabled-background-color: var(--gray-100);\n  /* Picker Border Radius Variables */\n  --picker-main-border-radius: 20px;\n  --picker-cell-in-view-border-radius: 20px;\n  --picker-today-default-radius: 2px;\n  --picker-ok-border-radius: 30px;\n  /* Picker Padding Variables */\n  --picker-main-padding: 0px;\n  --picker-main-outlined-input-padding: 5px 13px;\n  --picker-clear-right: 12px;\n  /* Picker Font Variables */\n  --picker-input-font-weight: 500;\n  /* Picker Error State Variables */\n  --picker-error-background-color: var(--red-100);\n  --picker-error-border-color: var(--red-800);\n  --picker-error-suffix-color: var(--red-800);\n  /* Picker Ok State Variables */\n  --picker-ok-background-color: var(--green-600);\n  --picker-ok-box-shadow: none;\n}\n\n.fvc-rangepicker {\n  width: var(--picker-width);\n  padding: var(--picker-main-padding);\n  border-radius: var(--picker-main-border-radius);\n  border-color: var(--picker-main-border-color);\n  border: var(--picker-main-border);\n}\n.fvc-rangepicker-outlined .fvc-rangepicker-input {\n  align-items: center;\n  padding: var(--picker-main-outlined-input-padding);\n  display: inline-flex;\n  position: relative;\n}\n.fvc-rangepicker .fvc-rangepicker-input > input {\n  font-weight: var(--picker-input-font-weight);\n}\n.fvc-rangepicker .fvc-rangepicker-input > input:not(:disabled):hover {\n  color: var(--picker-input-hover-color);\n}\n.fvc-rangepicker .fvc-rangepicker-input > input:disabled {\n  color: var(--picker-input-disabled-color);\n}\n.fvc-rangepicker .fvc-rangepicker-suffix {\n  color: var(--picker-suffix-color);\n}\n.fvc-rangepicker .fvc-rangepicker-clear {\n  right: var(--picker-clear-right);\n}\n\n.fvc-rangepicker-short {\n  max-width: var(--picker-max-width-short);\n}\n\n.fvc-rangepicker-outlined.fvc-rangepicker-status-error:not(.fvc-rangepicker-disabled) {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n.fvc-rangepicker-outlined.fvc-rangepicker-status-error:not(.fvc-rangepicker-disabled) .fvc-rangepicker-suffix {\n  color: var(--picker-error-suffix-color);\n}\n.fvc-rangepicker-outlined.fvc-rangepicker-status-error:not(.fvc-rangepicker-disabled):hover {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n\n.fvc-rangepicker-dropdown .fvc-rangepicker-week-panel-row-range-start td.fvc-rangepicker-cell:before, .fvc-rangepicker-dropdown .fvc-rangepicker-week-panel-row-range-end td.fvc-rangepicker-cell:before, .fvc-rangepicker-dropdown .fvc-rangepicker-week-panel-row-selected td.fvc-rangepicker-cell:before, .fvc-rangepicker-dropdown .fvc-rangepicker-week-panel-row-hover td.fvc-rangepicker-cell:before {\n  background-color: var(--picker-cell-in-view-background-color);\n}\n.fvc-rangepicker-dropdown .fvc-rangepicker-month-btn {\n  text-transform: capitalize;\n}\n.fvc-rangepicker-dropdown-hide-year .fvc-rangepicker-month-panel .fvc-rangepicker-header {\n  display: none !important;\n}\n.fvc-rangepicker-dropdown-hide-year .fvc-rangepicker-year-btn {\n  display: none !important;\n}\n.fvc-rangepicker-dropdown .fvc-rangepicker-cell-in-view.fvc-rangepicker-cell-today .fvc-rangepicker-cell-inner::before {\n  border-color: var(--picker-cell-today-inner-before-border-color);\n  border-radius: var(--picker-today-default-radius);\n}\n.fvc-rangepicker-dropdown .fvc-rangepicker-cell-in-view.fvc-rangepicker-cell-selected:not(.fvc-rangepicker-cell-disabled) .fvc-rangepicker-cell-inner, .fvc-rangepicker-dropdown .fvc-rangepicker-cell-in-view.fvc-rangepicker-cell-range-start:not(.fvc-rangepicker-cell-disabled) .fvc-rangepicker-cell-inner, .fvc-rangepicker-dropdown .fvc-rangepicker-cell-in-view.fvc-rangepicker-cell-range-end:not(.fvc-rangepicker-cell-disabled) .fvc-rangepicker-cell-inner {\n  background-color: var(--picker-cell-inner-background-color);\n}\n.fvc-rangepicker-dropdown .fvc-rangepicker-time-panel-column > li.fvc-rangepicker-time-panel-cell-selected .fvc-rangepicker-time-panel-cell-inner {\n  background-color: var(--picker-time-panel-cell-inner-background-color);\n}\n\n.fvc-rangepicker-ok button {\n  border-radius: var(--picker-ok-border-radius);\n  box-shadow: var(--picker-ok-box-shadow);\n}\n.fvc-rangepicker-ok button:not([disabled]) {\n  background: var(--picker-ok-background-color);\n}\n.fvc-rangepicker-ok button:not([disabled]):hover {\n  background: var(--picker-ok-background-color) !important;\n}\n\n:root {\n  /* RangePicker Border Variables */\n  --rangepicker-border: none;\n  --rangepicker-input-border: 1px solid var(--gray-400);\n  --rangepicker-input-border-radius: 20px;\n  /* RangePicker Position Variables */\n  --rangepicker-suffix-right: 10px;\n  --rangepicker-suffix-position: absolute;\n  --rangepicker-suffix-color: var(--gray-900);\n  /* RangePicker Active Bar Variables */\n  --rangepicker-active-bar-background: var(--blue-600);\n  --rangepicker-active-bar-width: calc(50% - 35px);\n  --rangepicker-active-bar-margin-left: 12px;\n  /* RangePicker Icon Variables */\n  --rangepicker-icon-height: 15px;\n  --rangepicker-icon-width: 20px;\n  --rangepicker-icon-background-size: 15px 15px;\n  --rangepicker-icon-right: -7px;\n  --rangepicker-icon-position: relative;\n}\n\n.fvc-rangepicker {\n  border: var(--rangepicker-border);\n}\n.fvc-rangepicker .fvc-rangepicker-input {\n  border-radius: var(--rangepicker-input-border-radius);\n  border: var(--rangepicker-input-border);\n}\n.fvc-rangepicker .fvc-rangepicker-clear,\n.fvc-rangepicker .fvc-rangepicker-suffix {\n  color: var(--rangepicker-suffix-color);\n  right: var(--rangepicker-suffix-right);\n  position: var(--rangepicker-suffix-position);\n}\n.fvc-rangepicker .fvc-rangepicker-active-bar {\n  background: var(--rangepicker-active-bar-background);\n  width: var(--rangepicker-active-bar-width) !important;\n  margin-left: var(--rangepicker-active-bar-margin-left);\n}\n\n.range-icon .fvc-rangepicker-input:first-child:after {\n  content: "";\n  height: var(--rangepicker-icon-height);\n  width: var(--rangepicker-icon-width);\n  background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiPgo8cGF0aCBpZD0iaWNvbi9hY3Rpb24vY2FsZW5kYXJfdG9kYXlfMjRweF8yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwIDNIMTlWMUgxN1YzSDdWMUg1VjNINEMyLjkgMyAyIDMuOSAyIDVWMjFDMiAyMi4xIDIuOSAyMyA0IDIzSDIwQzIxLjEgMjMgMjIgMjIuMSAyMiAyMVY1QzIyIDMuOSAyMS4xIDMgMjAgM1pNMjAgMjFINFYxMEgyMFYyMVpNNCA4SDIwVjVINFY4WiIgZmlsbD0iIzRBNEE0QSIvPgo8L2c+Cjwvc3ZnPgo=");\n  background-size: var(--rangepicker-icon-background-size);\n  right: var(--rangepicker-icon-right);\n  position: var(--rangepicker-icon-position);\n}\n.range-icon.clearable.filled:hover .fvc-rangepicker-input:nth-child(3):after {\n  display: none;\n}');var A=function(r){var e=r.outputFormat,n=r.onBeforeChange,c=r.onChange,t=function(r,n){var i,c;if(r&&2===r.length){var t=d(r,2),a=t[0],o=t[1],p=null!==(i=null==a?void 0:a.format(e))&&void 0!==i?i:null,l=null!==(c=null==o?void 0:o.format(e))&&void 0!==c?c:null;return[[p?m(p):null,l?m(l):null],[null!=p?p:"",null!=l?l:""]]}return[r,n]},a=function(r,e){if(!n)return[r,e];var i=n(r,e);return i?[[i[0]?m(i[0]):null,i[1]?m(i[1]):null],i]:[r,e]},o=i((function(r,e){var i=d(t(r,e),2),o=i[0],p=i[1];if(n){var l=a(o,p);return console.log("🚀 ~ beforeChangeResult:",l),void(null==c||c.apply(void 0,function(r,e,n){if(n||2===arguments.length)for(var i,c=0,t=e.length;c<t;c++)!i&&c in e||(i||(i=Array.prototype.slice.call(e,0,c)),i[c]=e[c]);return r.concat(i||Array.prototype.slice.call(e))}([],d(l),!1)))}null==c||c(o,p)}),[t,a,c,n]);return{handleChange:o}},V=c((function(e,i){var c=e.testId,d=void 0===c?"rangepicker":c,p=e.separator,l=void 0===p?n.createElement(t.Minus,{width:9}):p,s=e.outputFormat,u=void 0===s?"YYYY-MM-DD":s,k=e.format,f=void 0===k?"DD.MM.YYYY":k,v=e.allowClear,g=void 0===v||v,b=e.className,m=e.disabledDates,h=e.enabledDates,w=e.onBeforeChange,y=e.onChange,x=o(e,["testId","separator","outputFormat","format","allowClear","className","disabledDates","enabledDates","onBeforeChange","onChange"]),M=P(m,h,f).getDisabledDate,$=A({outputFormat:u,onBeforeChange:w,onChange:y}).handleChange;return n.createElement("div",{"data-testid":d,className:b},n.createElement(r.RangePicker,a({prefixCls:"fvc-rangepicker",ref:i,disabledDate:M,format:f,allowClear:g,separator:l,onChange:$},x)))}));V.displayName="RangeDatePicker";f(":root {\n  /* Picker Size Variables */\n  --picker-width: 100%;\n  --picker-max-width-short: 140px;\n  /* Picker Color Variables */\n  --picker-main-color: var(--blue-600);\n  --picker-main-border: 1px solid var(--gray-400);\n  --picker-main-outlined-input-background: var(--neutral-0);\n  --picker-cell-in-view-background-color: var(--picker-main-color);\n  --picker-cell-today-inner-before-border-color: var(--picker-main-color);\n  --picker-cell-inner-background-color: var(--picker-main-color);\n  --picker-time-panel-cell-inner-background-color: var(--blue-gray-200);\n  --picker-suffix-color: var(--gray-900);\n  --picker-input-hover-color: var(--blue-500);\n  --picker-input-disabled-color: var(--gray-900);\n  --picker-input-disabled-background-color: var(--gray-100);\n  /* Picker Border Radius Variables */\n  --picker-main-border-radius: 20px;\n  --picker-cell-in-view-border-radius: 20px;\n  --picker-today-default-radius: 2px;\n  --picker-ok-border-radius: 30px;\n  /* Picker Padding Variables */\n  --picker-main-padding: 0px;\n  --picker-main-outlined-input-padding: 5px 13px;\n  --picker-clear-right: 12px;\n  /* Picker Font Variables */\n  --picker-input-font-weight: 500;\n  /* Picker Error State Variables */\n  --picker-error-background-color: var(--red-100);\n  --picker-error-border-color: var(--red-800);\n  --picker-error-suffix-color: var(--red-800);\n  /* Picker Ok State Variables */\n  --picker-ok-background-color: var(--green-600);\n  --picker-ok-box-shadow: none;\n}\n\n.fvc-timepicker {\n  width: var(--picker-width);\n  padding: var(--picker-main-padding);\n  border-radius: var(--picker-main-border-radius);\n  border-color: var(--picker-main-border-color);\n  border: var(--picker-main-border);\n}\n.fvc-timepicker-outlined .fvc-timepicker-input {\n  align-items: center;\n  padding: var(--picker-main-outlined-input-padding);\n  display: inline-flex;\n  position: relative;\n}\n.fvc-timepicker .fvc-timepicker-input > input {\n  font-weight: var(--picker-input-font-weight);\n}\n.fvc-timepicker .fvc-timepicker-input > input:not(:disabled):hover {\n  color: var(--picker-input-hover-color);\n}\n.fvc-timepicker .fvc-timepicker-input > input:disabled {\n  color: var(--picker-input-disabled-color);\n}\n.fvc-timepicker .fvc-timepicker-suffix {\n  color: var(--picker-suffix-color);\n}\n.fvc-timepicker .fvc-timepicker-clear {\n  right: var(--picker-clear-right);\n}\n\n.fvc-timepicker-short {\n  max-width: var(--picker-max-width-short);\n}\n\n.fvc-timepicker-outlined.fvc-timepicker-status-error:not(.fvc-timepicker-disabled) {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n.fvc-timepicker-outlined.fvc-timepicker-status-error:not(.fvc-timepicker-disabled) .fvc-timepicker-suffix {\n  color: var(--picker-error-suffix-color);\n}\n.fvc-timepicker-outlined.fvc-timepicker-status-error:not(.fvc-timepicker-disabled):hover {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n\n.fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-range-start td.fvc-timepicker-cell:before, .fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-range-end td.fvc-timepicker-cell:before, .fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-selected td.fvc-timepicker-cell:before, .fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-hover td.fvc-timepicker-cell:before {\n  background-color: var(--picker-cell-in-view-background-color);\n}\n.fvc-timepicker-dropdown .fvc-timepicker-month-btn {\n  text-transform: capitalize;\n}\n.fvc-timepicker-dropdown-hide-year .fvc-timepicker-month-panel .fvc-timepicker-header {\n  display: none !important;\n}\n.fvc-timepicker-dropdown-hide-year .fvc-timepicker-year-btn {\n  display: none !important;\n}\n.fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-today .fvc-timepicker-cell-inner::before {\n  border-color: var(--picker-cell-today-inner-before-border-color);\n  border-radius: var(--picker-today-default-radius);\n}\n.fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-selected:not(.fvc-timepicker-cell-disabled) .fvc-timepicker-cell-inner, .fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-range-start:not(.fvc-timepicker-cell-disabled) .fvc-timepicker-cell-inner, .fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-range-end:not(.fvc-timepicker-cell-disabled) .fvc-timepicker-cell-inner {\n  background-color: var(--picker-cell-inner-background-color);\n}\n.fvc-timepicker-dropdown .fvc-timepicker-time-panel-column > li.fvc-timepicker-time-panel-cell-selected .fvc-timepicker-time-panel-cell-inner {\n  background-color: var(--picker-time-panel-cell-inner-background-color);\n}\n\n.fvc-timepicker-ok button {\n  border-radius: var(--picker-ok-border-radius);\n  box-shadow: var(--picker-ok-box-shadow);\n}\n.fvc-timepicker-ok button:not([disabled]) {\n  background: var(--picker-ok-background-color);\n}\n.fvc-timepicker-ok button:not([disabled]):hover {\n  background: var(--picker-ok-background-color) !important;\n}");var Y=c((function(r,i){var c=r.testId,t=void 0===c?"timepicker":c,d=r.className,p=r.format,l=void 0===p?"HH:mm":p,s=o(r,["testId","className","format"]);return n.createElement("div",{"data-testid":t,className:d},n.createElement(e,a({prefixCls:"fvc-timepicker",ref:i},s,{format:l})))}));Y.displayName="TimePicker";export{N as DatePicker,V as RangeDatePicker,Y as TimePicker};
+*/var l,p=o((d||(d=1,l=s,function(){var e={}.hasOwnProperty;function r(){for(var e="",r=0;r<arguments.length;r++){var i=arguments[r];i&&(e=t(e,n(i)))}return e}function n(n){if("string"==typeof n||"number"==typeof n)return n;if("object"!=typeof n)return"";if(Array.isArray(n))return r.apply(null,n);if(n.toString!==Object.prototype.toString&&!n.toString.toString().includes("[native code]"))return n.toString();var i="";for(var a in n)e.call(n,a)&&n[a]&&(i=t(i,a));return i}function t(e,r){return r?e?e+" "+r:e+r:e}l.exports?(r.default=r,l.exports=r):window.classNames=r}()),s.exports));function u(e,r){void 0===r&&(r={});var n=r.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}u(":root {\n  /* Picker Size Variables */\n  --picker-width: 100%;\n  --picker-max-width-short: 140px;\n  /* Picker Color Variables */\n  --picker-main-color: var(--blue-600);\n  --picker-main-border: 1px solid var(--gray-400);\n  --picker-main-outlined-input-background: var(--neutral-0);\n  --picker-cell-in-view-background-color: var(--picker-main-color);\n  --picker-cell-today-inner-before-border-color: var(--picker-main-color);\n  --picker-cell-inner-background-color: var(--picker-main-color);\n  --picker-time-panel-cell-inner-background-color: var(--blue-gray-200);\n  --picker-suffix-color: var(--gray-900);\n  --picker-input-hover-color: var(--blue-500);\n  --picker-input-disabled-color: var(--gray-900);\n  --picker-input-disabled-background-color: var(--gray-100);\n  /* Picker Border Radius Variables */\n  --picker-main-border-radius: 20px;\n  --picker-cell-in-view-border-radius: 20px;\n  --picker-today-default-radius: 2px;\n  --picker-ok-border-radius: 30px;\n  /* Picker Padding Variables */\n  --picker-main-padding: 0px;\n  --picker-main-outlined-input-padding: 5px 13px;\n  --picker-clear-right: 12px;\n  /* Picker Font Variables */\n  --picker-input-font-weight: 500;\n  /* Picker Error State Variables */\n  --picker-error-background-color: var(--red-100);\n  --picker-error-border-color: var(--red-800);\n  --picker-error-suffix-color: var(--red-800);\n  /* Picker Ok State Variables */\n  --picker-ok-background-color: var(--green-600);\n  --picker-ok-box-shadow: none;\n}\n\n.fvc-datepicker {\n  width: var(--picker-width);\n  padding: var(--picker-main-padding);\n  border-radius: var(--picker-main-border-radius);\n  border-color: var(--picker-main-border-color);\n  border: var(--picker-main-border);\n}\n\n.fvc-datepicker-outlined .fvc-datepicker-input {\n  align-items: center;\n  padding: var(--picker-main-outlined-input-padding);\n  display: inline-flex;\n  position: relative;\n}\n\n.fvc-datepicker .fvc-datepicker-input > input {\n  font-weight: var(--picker-input-font-weight);\n}\n\n.fvc-datepicker .fvc-datepicker-input > input:not(:disabled):hover {\n  color: var(--picker-input-hover-color);\n}\n\n.fvc-datepicker .fvc-datepicker-input > input:disabled {\n  color: var(--picker-input-disabled-color);\n}\n\n.fvc-datepicker .fvc-datepicker-suffix {\n  color: var(--picker-suffix-color);\n}\n\n.fvc-datepicker .fvc-datepicker-clear {\n  right: var(--picker-clear-right);\n}\n\n.fvc-datepicker-short {\n  max-width: var(--picker-max-width-short);\n}\n\n.fvc-datepicker-outlined.fvc-datepicker-status-error:not(.fvc-datepicker-disabled) {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n\n.fvc-datepicker-outlined.fvc-datepicker-status-error:not(.fvc-datepicker-disabled) .fvc-datepicker-suffix {\n  color: var(--picker-error-suffix-color);\n}\n\n.fvc-datepicker-outlined.fvc-datepicker-status-error:not(.fvc-datepicker-disabled):hover {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n\n.fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-range-start td.fvc-datepicker-cell:before, .fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-range-end td.fvc-datepicker-cell:before, .fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-selected td.fvc-datepicker-cell:before, .fvc-datepicker-dropdown .fvc-datepicker-week-panel-row-hover td.fvc-datepicker-cell:before {\n  background-color: var(--picker-cell-in-view-background-color);\n}\n\n.fvc-datepicker-dropdown .fvc-datepicker-month-btn {\n  text-transform: capitalize;\n}\n\n.fvc-datepicker-dropdown-hide-year .fvc-datepicker-month-panel .fvc-datepicker-header {\n  display: none !important;\n}\n\n.fvc-datepicker-dropdown-hide-year .fvc-datepicker-year-btn {\n  display: none !important;\n}\n\n.fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-today .fvc-datepicker-cell-inner::before {\n  border-color: var(--picker-cell-today-inner-before-border-color);\n  border-radius: var(--picker-today-default-radius);\n}\n\n.fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-selected:not(.fvc-datepicker-cell-disabled) .fvc-datepicker-cell-inner, .fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-range-start:not(.fvc-datepicker-cell-disabled) .fvc-datepicker-cell-inner, .fvc-datepicker-dropdown .fvc-datepicker-cell-in-view.fvc-datepicker-cell-range-end:not(.fvc-datepicker-cell-disabled) .fvc-datepicker-cell-inner {\n  background-color: var(--picker-cell-inner-background-color);\n}\n\n.fvc-datepicker-dropdown .fvc-datepicker-time-panel-column > li.fvc-datepicker-time-panel-cell-selected .fvc-datepicker-time-panel-cell-inner {\n  background-color: var(--picker-time-panel-cell-inner-background-color);\n}\n\n.fvc-datepicker-ok button {\n  border-radius: var(--picker-ok-border-radius);\n  box-shadow: var(--picker-ok-box-shadow);\n}\n\n.fvc-datepicker-ok button:not([disabled]) {\n  background: var(--picker-ok-background-color);\n}\n\n.fvc-datepicker-ok button:not([disabled]):hover {\n  background: var(--picker-ok-background-color) !important;\n}");var f,k={exports:{}};var v,h=(f||(f=1,k.exports=function(){var e=1e3,r=6e4,n=36e5,t="millisecond",i="second",a="minute",c="hour",o="day",d="week",s="month",l="quarter",p="year",u="date",f="Invalid Date",k=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,v=/\[([^\]]+)]|YYYY|YY|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,h={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(e){var r=["th","st","nd","rd"],n=e%100;return"["+e+(r[(n-20)%10]||r[n]||r[0])+"]"}},g=function(e,r,n){var t=String(e);return!t||t.length>=r?e:""+Array(r+1-t.length).join(n)+e},m={s:g,z:function(e){var r=-e.utcOffset(),n=Math.abs(r),t=Math.floor(n/60),i=n%60;return(r<=0?"+":"-")+g(t,2,"0")+":"+g(i,2,"0")},m:function e(r,n){if(r.date()<n.date())return-e(n,r);var t=12*(n.year()-r.year())+(n.month()-r.month()),i=r.clone().add(t,s),a=n-i<0,c=r.clone().add(t+(a?-1:1),s);return+(-(t+(n-i)/(a?i-c:c-i))||0)},a:function(e){return e<0?Math.ceil(e)||0:Math.floor(e)},p:function(e){return{M:s,y:p,w:d,d:o,D:u,h:c,m:a,s:i,ms:t,Q:l}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},b="en",w={};w[b]=h;var y="$isDayjsObject",x=function(e){return e instanceof S||!(!e||!e[y])},M=function e(r,n,t){var i;if(!r)return b;if("string"==typeof r){var a=r.toLowerCase();w[a]&&(i=a),n&&(w[a]=n,i=a);var c=r.split("-");if(!i&&c.length>1)return e(c[0])}else{var o=r.name;w[o]=r,i=o}return!t&&i&&(b=i),i||!t&&b},D=function(e,r){if(x(e))return e.clone();var n="object"==typeof r?r:{};return n.date=e,n.args=arguments,new S(n)},$=m;$.l=M,$.i=x,$.w=function(e,r){return D(e,{locale:r.$L,utc:r.$u,x:r.$x,$offset:r.$offset})};var S=function(){function h(e){this.$L=M(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[y]=!0}var g=h.prototype;return g.parse=function(e){this.$d=function(e){var r=e.date,n=e.utc;if(null===r)return new Date(NaN);if($.u(r))return new Date;if(r instanceof Date)return new Date(r);if("string"==typeof r&&!/Z$/i.test(r)){var t=r.match(k);if(t){var i=t[2]-1||0,a=(t[7]||"0").substring(0,3);return n?new Date(Date.UTC(t[1],i,t[3]||1,t[4]||0,t[5]||0,t[6]||0,a)):new Date(t[1],i,t[3]||1,t[4]||0,t[5]||0,t[6]||0,a)}}return new Date(r)}(e),this.init()},g.init=function(){var e=this.$d;this.$y=e.getFullYear(),this.$M=e.getMonth(),this.$D=e.getDate(),this.$W=e.getDay(),this.$H=e.getHours(),this.$m=e.getMinutes(),this.$s=e.getSeconds(),this.$ms=e.getMilliseconds()},g.$utils=function(){return $},g.isValid=function(){return!(this.$d.toString()===f)},g.isSame=function(e,r){var n=D(e);return this.startOf(r)<=n&&n<=this.endOf(r)},g.isAfter=function(e,r){return D(e)<this.startOf(r)},g.isBefore=function(e,r){return this.endOf(r)<D(e)},g.$g=function(e,r,n){return $.u(e)?this[r]:this.set(n,e)},g.unix=function(){return Math.floor(this.valueOf()/1e3)},g.valueOf=function(){return this.$d.getTime()},g.startOf=function(e,r){var n=this,t=!!$.u(r)||r,l=$.p(e),f=function(e,r){var i=$.w(n.$u?Date.UTC(n.$y,r,e):new Date(n.$y,r,e),n);return t?i:i.endOf(o)},k=function(e,r){return $.w(n.toDate()[e].apply(n.toDate("s"),(t?[0,0,0,0]:[23,59,59,999]).slice(r)),n)},v=this.$W,h=this.$M,g=this.$D,m="set"+(this.$u?"UTC":"");switch(l){case p:return t?f(1,0):f(31,11);case s:return t?f(1,h):f(0,h+1);case d:var b=this.$locale().weekStart||0,w=(v<b?v+7:v)-b;return f(t?g-w:g+(6-w),h);case o:case u:return k(m+"Hours",0);case c:return k(m+"Minutes",1);case a:return k(m+"Seconds",2);case i:return k(m+"Milliseconds",3);default:return this.clone()}},g.endOf=function(e){return this.startOf(e,!1)},g.$set=function(e,r){var n,d=$.p(e),l="set"+(this.$u?"UTC":""),f=(n={},n[o]=l+"Date",n[u]=l+"Date",n[s]=l+"Month",n[p]=l+"FullYear",n[c]=l+"Hours",n[a]=l+"Minutes",n[i]=l+"Seconds",n[t]=l+"Milliseconds",n)[d],k=d===o?this.$D+(r-this.$W):r;if(d===s||d===p){var v=this.clone().set(u,1);v.$d[f](k),v.init(),this.$d=v.set(u,Math.min(this.$D,v.daysInMonth())).$d}else f&&this.$d[f](k);return this.init(),this},g.set=function(e,r){return this.clone().$set(e,r)},g.get=function(e){return this[$.p(e)]()},g.add=function(t,l){var u,f=this;t=Number(t);var k=$.p(l),v=function(e){var r=D(f);return $.w(r.date(r.date()+Math.round(e*t)),f)};if(k===s)return this.set(s,this.$M+t);if(k===p)return this.set(p,this.$y+t);if(k===o)return v(1);if(k===d)return v(7);var h=(u={},u[a]=r,u[c]=n,u[i]=e,u)[k]||1,g=this.$d.getTime()+t*h;return $.w(g,this)},g.subtract=function(e,r){return this.add(-1*e,r)},g.format=function(e){var r=this,n=this.$locale();if(!this.isValid())return n.invalidDate||f;var t=e||"YYYY-MM-DDTHH:mm:ssZ",i=$.z(this),a=this.$H,c=this.$m,o=this.$M,d=n.weekdays,s=n.months,l=n.meridiem,p=function(e,n,i,a){return e&&(e[n]||e(r,t))||i[n].slice(0,a)},u=function(e){return $.s(a%12||12,e,"0")},k=l||function(e,r,n){var t=e<12?"AM":"PM";return n?t.toLowerCase():t};return t.replace(v,function(e,t){return t||function(e){switch(e){case"YY":return String(r.$y).slice(-2);case"YYYY":return $.s(r.$y,4,"0");case"M":return o+1;case"MM":return $.s(o+1,2,"0");case"MMM":return p(n.monthsShort,o,s,3);case"MMMM":return p(s,o);case"D":return r.$D;case"DD":return $.s(r.$D,2,"0");case"d":return String(r.$W);case"dd":return p(n.weekdaysMin,r.$W,d,2);case"ddd":return p(n.weekdaysShort,r.$W,d,3);case"dddd":return d[r.$W];case"H":return String(a);case"HH":return $.s(a,2,"0");case"h":return u(1);case"hh":return u(2);case"a":return k(a,c,!0);case"A":return k(a,c,!1);case"m":return String(c);case"mm":return $.s(c,2,"0");case"s":return String(r.$s);case"ss":return $.s(r.$s,2,"0");case"SSS":return $.s(r.$ms,3,"0");case"Z":return i}return null}(e)||i.replace(":","")})},g.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},g.diff=function(t,u,f){var k,v=this,h=$.p(u),g=D(t),m=(g.utcOffset()-this.utcOffset())*r,b=this-g,w=function(){return $.m(v,g)};switch(h){case p:k=w()/12;break;case s:k=w();break;case l:k=w()/3;break;case d:k=(b-m)/6048e5;break;case o:k=(b-m)/864e5;break;case c:k=b/n;break;case a:k=b/r;break;case i:k=b/e;break;default:k=b}return f?k:$.a(k)},g.daysInMonth=function(){return this.endOf(s).$D},g.$locale=function(){return w[this.$L]},g.locale=function(e,r){if(!e)return this.$L;var n=this.clone(),t=M(e,r,!0);return t&&(n.$L=t),n},g.clone=function(){return $.w(this.$d,this)},g.toDate=function(){return new Date(this.valueOf())},g.toJSON=function(){return this.isValid()?this.toISOString():null},g.toISOString=function(){return this.$d.toISOString()},g.toString=function(){return this.$d.toUTCString()},h}(),Y=S.prototype;return D.prototype=Y,[["$ms",t],["$s",i],["$m",a],["$H",c],["$W",o],["$M",s],["$y",p],["$D",u]].forEach(function(e){Y[e[1]]=function(r){return this.$g(r,e[0],e[1])}}),D.extend=function(e,r){return e.$i||(e(r,S,D),e.$i=!0),D},D.locale=M,D.isDayjs=x,D.unix=function(e){return D(1e3*e)},D.en=w[b],D.Ls=w,D.p={},D}()),k.exports),g=o(h),m={exports:{}};var b,w=v?m.exports:(v=1,m.exports=function(e,r,n){r.prototype.isBetween=function(e,r,t,i){var a=n(e),c=n(r),o="("===(i=i||"()")[0],d=")"===i[1];return(o?this.isAfter(a,t):!this.isBefore(a,t))&&(d?this.isBefore(c,t):!this.isAfter(c,t))||(o?this.isBefore(a,t):!this.isAfter(a,t))&&(d?this.isAfter(c,t):!this.isBefore(c,t))}}),y=o(w),x={exports:{}};var M,D=b?x.exports:(b=1,x.exports=function(e,r){r.prototype.isSameOrAfter=function(e,r){return this.isSame(e,r)||this.isAfter(e,r)}}),$=o(D),S={exports:{}};var Y=o(M?S.exports:(M=1,S.exports=function(e,r){r.prototype.isSameOrBefore=function(e,r){return this.isSame(e,r)||this.isBefore(e,r)}}));g.extend(y),g.extend(Y),g.extend($);const O=(e,r)=>g(e,r),I=(e,r,n)=>{if(!r)return!1;const t=O(e,n),{dates:i=[],fromDate:a,tillDate:c,ranges:o}=r;return!!((e,r)=>!!(null==r?void 0:r.includes(e)))(e,i)||(!!i.some(e=>t.isSame(O(e,n)))||(!(!a&&!c||!((e,r,n,t)=>{if(!r||!n)return!(!r||!e.isSameOrAfter(O(r,t)))||!(!n||!e.isSameOrBefore(O(n,t)));const i=O(r,t),a=O(n,t);return i.isSameOrAfter(a)?i.isSame(a)?e.isSame(i):!e.isBetween(a,i):e.isBetween(i,a,null,"[]")})(t,a,c,n))||!!o&&((e,r)=>!!(null==r?void 0:r.some(([r,n])=>e.isBetween(r,n,null,"[]"))))(t,o)))},C=(e,r,n)=>({getDisabledDate:t(t=>!((e,r,n,t)=>{const i=e.format(t);return(!r||!I(i,r,t))&&(!n||I(i,n,t))})(t,e,r,n),[e,r,n])}),P="fvc-datepicker",V=i((r,t)=>{var{disabledDates:i,enabledDates:a,format:o,short:d,className:s,hideYear:l,status:u,testId:f="datepicker",error:k}=r,v=c(r,["disabledDates","enabledDates","format","short","className","hideYear","status","testId","error"]);const h=p({[`${P}-short`]:d}),g=p(`${P}-dropdown`,{[`${P}-dropdown-hide-year`]:l}),{getDisabledDate:m}=C(i,a,o);return n.createElement("div",{"data-testid":f,className:s},n.createElement(e,Object.assign({},v,{className:h,prefixCls:P,format:o,popupClassName:g,disabledDate:m,status:k?"error":u,ref:t})))});V.displayName="DatePicker";var A,N={exports:{}};var z,L=A?N.exports:(A=1,N.exports=function(e,r){var n=r.prototype,t=n.format;n.format=function(e){var r=this,n=this.$locale();if(!this.isValid())return t.bind(this)(e);var i=this.$utils(),a=(e||"YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g,function(e){switch(e){case"Q":return Math.ceil((r.$M+1)/3);case"Do":return n.ordinal(r.$D);case"gggg":return r.weekYear();case"GGGG":return r.isoWeekYear();case"wo":return n.ordinal(r.week(),"W");case"w":case"ww":return i.s(r.week(),"w"===e?1:2,"0");case"W":case"WW":return i.s(r.isoWeek(),"W"===e?1:2,"0");case"k":case"kk":return i.s(String(0===r.$H?24:r.$H),"k"===e?1:2,"0");case"X":return Math.floor(r.$d.getTime()/1e3);case"x":return r.$d.getTime();case"z":return"["+r.offsetName()+"]";case"zzz":return"["+r.offsetName("long")+"]";default:return e}});return t.bind(this)(a)}}),W=o(L),j={exports:{}};var T,Z=z?j.exports:(z=1,j.exports=function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},r=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,t=/\d\d/,i=/\d\d?/,a=/\d*[^-_:/,()\s\d]+/,c={},o=function(e){return(e=+e)+(e>68?1900:2e3)},d=function(e){return function(r){this[e]=+r}},s=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var r=e.match(/([+-]|\d\d)/g),n=60*r[1]+(+r[2]||0);return 0===n?0:"+"===r[0]?-n:n}(e)}],l=function(e){var r=c[e];return r&&(r.indexOf?r:r.s.concat(r.f))},p=function(e,r){var n,t=c.meridiem;if(t){for(var i=1;i<=24;i+=1)if(e.indexOf(t(i,0,r))>-1){n=i>12;break}}else n=e===(r?"pm":"PM");return n},u={A:[a,function(e){this.afternoon=p(e,!1)}],a:[a,function(e){this.afternoon=p(e,!0)}],Q:[n,function(e){this.month=3*(e-1)+1}],S:[n,function(e){this.milliseconds=100*+e}],SS:[t,function(e){this.milliseconds=10*+e}],SSS:[/\d{3}/,function(e){this.milliseconds=+e}],s:[i,d("seconds")],ss:[i,d("seconds")],m:[i,d("minutes")],mm:[i,d("minutes")],H:[i,d("hours")],h:[i,d("hours")],HH:[i,d("hours")],hh:[i,d("hours")],D:[i,d("day")],DD:[t,d("day")],Do:[a,function(e){var r=c.ordinal,n=e.match(/\d+/);if(this.day=n[0],r)for(var t=1;t<=31;t+=1)r(t).replace(/\[|\]/g,"")===e&&(this.day=t)}],w:[i,d("week")],ww:[t,d("week")],M:[i,d("month")],MM:[t,d("month")],MMM:[a,function(e){var r=l("months"),n=(l("monthsShort")||r.map(function(e){return e.slice(0,3)})).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n}],MMMM:[a,function(e){var r=l("months").indexOf(e)+1;if(r<1)throw new Error;this.month=r%12||r}],Y:[/[+-]?\d+/,d("year")],YY:[t,function(e){this.year=o(e)}],YYYY:[/\d{4}/,d("year")],Z:s,ZZ:s};function f(n){var t,i;t=n,i=c&&c.formats;for(var a=(n=t.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,function(r,n,t){var a=t&&t.toUpperCase();return n||i[t]||e[t]||i[a].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,r,n){return r||n.slice(1)})})).match(r),o=a.length,d=0;d<o;d+=1){var s=a[d],l=u[s],p=l&&l[0],f=l&&l[1];a[d]=f?{regex:p,parser:f}:s.replace(/^\[|\]$/g,"")}return function(e){for(var r={},n=0,t=0;n<o;n+=1){var i=a[n];if("string"==typeof i)t+=i.length;else{var c=i.regex,d=i.parser,s=e.slice(t),l=c.exec(s)[0];d.call(r,l),e=e.replace(l,"")}}return function(e){var r=e.afternoon;if(void 0!==r){var n=e.hours;r?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon}}(r),r}}return function(e,r,n){n.p.customParseFormat=!0,e&&e.parseTwoDigitYear&&(o=e.parseTwoDigitYear);var t=r.prototype,i=t.parse;t.parse=function(e){var r=e.date,t=e.utc,a=e.args;this.$u=t;var o=a[1];if("string"==typeof o){var d=!0===a[2],s=!0===a[3],l=d||s,p=a[2];s&&(p=a[2]),c=this.$locale(),!d&&p&&(c=n.Ls[p]),this.$d=function(e,r,n,t){try{if(["x","X"].indexOf(r)>-1)return new Date(("X"===r?1e3:1)*e);var i=f(r)(e),a=i.year,c=i.month,o=i.day,d=i.hours,s=i.minutes,l=i.seconds,p=i.milliseconds,u=i.zone,k=i.week,v=new Date,h=o||(a||c?1:v.getDate()),g=a||v.getFullYear(),m=0;a&&!c||(m=c>0?c-1:v.getMonth());var b,w=d||0,y=s||0,x=l||0,M=p||0;return u?new Date(Date.UTC(g,m,h,w,y,x,M+60*u.offset*1e3)):n?new Date(Date.UTC(g,m,h,w,y,x,M)):(b=new Date(g,m,h,w,y,x,M),k&&(b=t(b).week(k).toDate()),b)}catch(e){return new Date("")}}(r,o,t,n),this.init(),p&&!0!==p&&(this.$L=this.locale(p).$L),l&&r!=this.format(o)&&(this.$d=new Date("")),c={}}else if(o instanceof Array)for(var u=o.length,k=1;k<=u;k+=1){a[1]=o[k-1];var v=n.apply(this,a);if(v.isValid()){this.$d=v.$d,this.$L=v.$L,this.init();break}k===u&&(this.$d=new Date(""))}else i.call(this,e)}}}()),B=o(Z),H={exports:{}};var F,E=T?H.exports:(T=1,H.exports=function(e,r,n){var t=r.prototype,i=function(e){return e&&(e.indexOf?e:e.s)},a=function(e,r,n,t,a){var c=e.name?e:e.$locale(),o=i(c[r]),d=i(c[n]),s=o||d.map(function(e){return e.slice(0,t)});if(!a)return s;var l=c.weekStart;return s.map(function(e,r){return s[(r+(l||0))%7]})},c=function(){return n.Ls[n.locale()]},o=function(e,r){return e.formats[r]||function(e){return e.replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,function(e,r,n){return r||n.slice(1)})}(e.formats[r.toUpperCase()])},d=function(){var e=this;return{months:function(r){return r?r.format("MMMM"):a(e,"months")},monthsShort:function(r){return r?r.format("MMM"):a(e,"monthsShort","months",3)},firstDayOfWeek:function(){return e.$locale().weekStart||0},weekdays:function(r){return r?r.format("dddd"):a(e,"weekdays")},weekdaysMin:function(r){return r?r.format("dd"):a(e,"weekdaysMin","weekdays",2)},weekdaysShort:function(r){return r?r.format("ddd"):a(e,"weekdaysShort","weekdays",3)},longDateFormat:function(r){return o(e.$locale(),r)},meridiem:this.$locale().meridiem,ordinal:this.$locale().ordinal}};t.localeData=function(){return d.bind(this)()},n.localeData=function(){var e=c();return{firstDayOfWeek:function(){return e.weekStart||0},weekdays:function(){return n.weekdays()},weekdaysShort:function(){return n.weekdaysShort()},weekdaysMin:function(){return n.weekdaysMin()},months:function(){return n.months()},monthsShort:function(){return n.monthsShort()},longDateFormat:function(r){return o(e,r)},meridiem:e.meridiem,ordinal:e.ordinal}},n.months=function(){return a(c(),"months")},n.monthsShort=function(){return a(c(),"monthsShort","months",3)},n.weekdays=function(e){return a(c(),"weekdays",null,null,e)},n.weekdaysShort=function(e){return a(c(),"weekdaysShort","weekdays",3,e)},n.weekdaysMin=function(e){return a(c(),"weekdaysMin","weekdays",2,e)}}),_=o(E),G={exports:{}};var R,Q,U,X=o(F?G.exports:(F=1,G.exports=(R="month",Q="quarter",function(e,r){var n=r.prototype;n.quarter=function(e){return this.$utils().u(e)?Math.ceil((this.month()+1)/3):this.month(this.month()%3+3*(e-1))};var t=n.add;n.add=function(e,r){return e=Number(e),this.$utils().p(r)===Q?this.add(3*e,R):t.bind(this)(e,r)};var i=n.startOf;n.startOf=function(e,r){var n=this.$utils(),t=!!n.u(r)||r;if(n.p(e)===Q){var a=this.quarter()-1;return t?this.month(3*a).startOf(R).startOf("day"):this.month(3*a+2).endOf(R).endOf("day")}return i.bind(this)(e,r)}}))),J={exports:{}};var q,K=(U||(U=1,J.exports=function(e,r){r.prototype.weekday=function(e){var r=this.$locale().weekStart||0,n=this.$W,t=(n<r?n+7:n)-r;return this.$utils().u(e)?t:this.subtract(t,"day").add(e,"day")}}),J.exports),ee=o(K),re={exports:{}};var ne,te=(q||(q=1,re.exports=function(){var e="week",r="year";return function(n,t,i){var a=t.prototype;a.week=function(n){if(void 0===n&&(n=null),null!==n)return this.add(7*(n-this.week()),"day");var t=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var a=i(this).startOf(r).add(1,r).date(t),c=i(this).endOf(e);if(a.isBefore(c))return 1}var o=i(this).startOf(r).date(t).startOf(e).subtract(1,"millisecond"),d=this.diff(o,e,!0);return d<0?i(this).startOf("week").week():Math.ceil(d)},a.weeks=function(e){return void 0===e&&(e=null),this.week(e)}}}()),re.exports),ie=o(te),ae={exports:{}};var ce=(ne||(ne=1,ae.exports=function(e,r){r.prototype.weekYear=function(){var e=this.month(),r=this.week(),n=this.year();return 1===r&&11===e?n+1:0===e&&r>=52?n-1:n}}),ae.exports),oe=o(ce);u(':root {\n  /* Picker Size Variables */\n  --picker-width: 100%;\n  --picker-max-width-short: 140px;\n  /* Picker Color Variables */\n  --picker-main-color: var(--blue-600);\n  --picker-main-border: 1px solid var(--gray-400);\n  --picker-main-outlined-input-background: var(--neutral-0);\n  --picker-cell-in-view-background-color: var(--picker-main-color);\n  --picker-cell-today-inner-before-border-color: var(--picker-main-color);\n  --picker-cell-inner-background-color: var(--picker-main-color);\n  --picker-time-panel-cell-inner-background-color: var(--blue-gray-200);\n  --picker-suffix-color: var(--gray-900);\n  --picker-input-hover-color: var(--blue-500);\n  --picker-input-disabled-color: var(--gray-900);\n  --picker-input-disabled-background-color: var(--gray-100);\n  /* Picker Border Radius Variables */\n  --picker-main-border-radius: 20px;\n  --picker-cell-in-view-border-radius: 20px;\n  --picker-today-default-radius: 2px;\n  --picker-ok-border-radius: 30px;\n  /* Picker Padding Variables */\n  --picker-main-padding: 0px;\n  --picker-main-outlined-input-padding: 5px 13px;\n  --picker-clear-right: 12px;\n  /* Picker Font Variables */\n  --picker-input-font-weight: 500;\n  /* Picker Error State Variables */\n  --picker-error-background-color: var(--red-100);\n  --picker-error-border-color: var(--red-800);\n  --picker-error-suffix-color: var(--red-800);\n  /* Picker Ok State Variables */\n  --picker-ok-background-color: var(--green-600);\n  --picker-ok-box-shadow: none;\n}\n\n.fvc-rangepicker {\n  width: var(--picker-width);\n  padding: var(--picker-main-padding);\n  border-radius: var(--picker-main-border-radius);\n  border-color: var(--picker-main-border-color);\n  border: var(--picker-main-border);\n}\n\n.fvc-rangepicker-outlined .fvc-rangepicker-input {\n  align-items: center;\n  padding: var(--picker-main-outlined-input-padding);\n  display: inline-flex;\n  position: relative;\n}\n\n.fvc-rangepicker .fvc-rangepicker-input > input {\n  font-weight: var(--picker-input-font-weight);\n}\n\n.fvc-rangepicker .fvc-rangepicker-input > input:not(:disabled):hover {\n  color: var(--picker-input-hover-color);\n}\n\n.fvc-rangepicker .fvc-rangepicker-input > input:disabled {\n  color: var(--picker-input-disabled-color);\n}\n\n.fvc-rangepicker .fvc-rangepicker-suffix {\n  color: var(--picker-suffix-color);\n}\n\n.fvc-rangepicker .fvc-rangepicker-clear {\n  right: var(--picker-clear-right);\n}\n\n.fvc-rangepicker-short {\n  max-width: var(--picker-max-width-short);\n}\n\n.fvc-rangepicker-outlined.fvc-rangepicker-status-error:not(.fvc-rangepicker-disabled) {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n\n.fvc-rangepicker-outlined.fvc-rangepicker-status-error:not(.fvc-rangepicker-disabled) .fvc-rangepicker-suffix {\n  color: var(--picker-error-suffix-color);\n}\n\n.fvc-rangepicker-outlined.fvc-rangepicker-status-error:not(.fvc-rangepicker-disabled):hover {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n\n.fvc-rangepicker-dropdown .fvc-rangepicker-week-panel-row-range-start td.fvc-rangepicker-cell:before, .fvc-rangepicker-dropdown .fvc-rangepicker-week-panel-row-range-end td.fvc-rangepicker-cell:before, .fvc-rangepicker-dropdown .fvc-rangepicker-week-panel-row-selected td.fvc-rangepicker-cell:before, .fvc-rangepicker-dropdown .fvc-rangepicker-week-panel-row-hover td.fvc-rangepicker-cell:before {\n  background-color: var(--picker-cell-in-view-background-color);\n}\n\n.fvc-rangepicker-dropdown .fvc-rangepicker-month-btn {\n  text-transform: capitalize;\n}\n\n.fvc-rangepicker-dropdown-hide-year .fvc-rangepicker-month-panel .fvc-rangepicker-header {\n  display: none !important;\n}\n\n.fvc-rangepicker-dropdown-hide-year .fvc-rangepicker-year-btn {\n  display: none !important;\n}\n\n.fvc-rangepicker-dropdown .fvc-rangepicker-cell-in-view.fvc-rangepicker-cell-today .fvc-rangepicker-cell-inner::before {\n  border-color: var(--picker-cell-today-inner-before-border-color);\n  border-radius: var(--picker-today-default-radius);\n}\n\n.fvc-rangepicker-dropdown .fvc-rangepicker-cell-in-view.fvc-rangepicker-cell-selected:not(.fvc-rangepicker-cell-disabled) .fvc-rangepicker-cell-inner, .fvc-rangepicker-dropdown .fvc-rangepicker-cell-in-view.fvc-rangepicker-cell-range-start:not(.fvc-rangepicker-cell-disabled) .fvc-rangepicker-cell-inner, .fvc-rangepicker-dropdown .fvc-rangepicker-cell-in-view.fvc-rangepicker-cell-range-end:not(.fvc-rangepicker-cell-disabled) .fvc-rangepicker-cell-inner {\n  background-color: var(--picker-cell-inner-background-color);\n}\n\n.fvc-rangepicker-dropdown .fvc-rangepicker-time-panel-column > li.fvc-rangepicker-time-panel-cell-selected .fvc-rangepicker-time-panel-cell-inner {\n  background-color: var(--picker-time-panel-cell-inner-background-color);\n}\n\n.fvc-rangepicker-ok button {\n  border-radius: var(--picker-ok-border-radius);\n  box-shadow: var(--picker-ok-box-shadow);\n}\n\n.fvc-rangepicker-ok button:not([disabled]) {\n  background: var(--picker-ok-background-color);\n}\n\n.fvc-rangepicker-ok button:not([disabled]):hover {\n  background: var(--picker-ok-background-color) !important;\n}\n\n:root {\n  /* RangePicker Border Variables */\n  --rangepicker-border: none;\n  --rangepicker-input-border: 1px solid var(--gray-400);\n  --rangepicker-input-border-radius: 20px;\n  /* RangePicker Position Variables */\n  --rangepicker-suffix-right: 10px;\n  --rangepicker-suffix-position: absolute;\n  --rangepicker-suffix-color: var(--gray-900);\n  /* RangePicker Active Bar Variables */\n  --rangepicker-active-bar-background: var(--blue-600);\n  --rangepicker-active-bar-width: calc(50% - 35px);\n  --rangepicker-active-bar-margin-left: 12px;\n  /* RangePicker Icon Variables */\n  --rangepicker-icon-height: 15px;\n  --rangepicker-icon-width: 20px;\n  --rangepicker-icon-background-size: 15px 15px;\n  --rangepicker-icon-right: -7px;\n  --rangepicker-icon-position: relative;\n}\n\n.fvc-rangepicker {\n  border: var(--rangepicker-border);\n}\n\n.fvc-rangepicker .fvc-rangepicker-input {\n  border-radius: var(--rangepicker-input-border-radius);\n  border: var(--rangepicker-input-border);\n}\n\n.fvc-rangepicker .fvc-rangepicker-clear,\n.fvc-rangepicker .fvc-rangepicker-suffix {\n  color: var(--rangepicker-suffix-color);\n  right: var(--rangepicker-suffix-right);\n  position: var(--rangepicker-suffix-position);\n}\n\n.fvc-rangepicker .fvc-rangepicker-active-bar {\n  background: var(--rangepicker-active-bar-background);\n  width: var(--rangepicker-active-bar-width) !important;\n  margin-left: var(--rangepicker-active-bar-margin-left);\n}\n\n.range-icon .fvc-rangepicker-input:first-child:after {\n  content: "";\n  height: var(--rangepicker-icon-height);\n  width: var(--rangepicker-icon-width);\n  background: no-repeat url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Imljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiPgo8cGF0aCBpZD0iaWNvbi9hY3Rpb24vY2FsZW5kYXJfdG9kYXlfMjRweF8yIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIwIDNIMTlWMUgxN1YzSDdWMUg1VjNINEMyLjkgMyAyIDMuOSAyIDVWMjFDMiAyMi4xIDIuOSAyMyA0IDIzSDIwQzIxLjEgMjMgMjIgMjIuMSAyMiAyMVY1QzIyIDMuOSAyMS4xIDMgMjAgM1pNMjAgMjFINFYxMEgyMFYyMVpNNCA4SDIwVjVINFY4WiIgZmlsbD0iIzRBNEE0QSIvPgo8L2c+Cjwvc3ZnPgo=");\n  background-size: var(--rangepicker-icon-background-size);\n  right: var(--rangepicker-icon-right);\n  position: var(--rangepicker-icon-position);\n}\n\n.range-icon.clearable.filled:hover .fvc-rangepicker-input:nth-child(3):after {\n  display: none;\n}');u(":root {\n  /* Shortcut Size Variables */\n  --shortcut-border-radius: 16px;\n  --shortcut-gap: 4px;\n  --shortcut-margin: 3px;\n  --shortcut-padding: 4px 10px;\n  /* Shortcut Color Variables */\n  --shortcut-text-color: var(--black-1000);\n  --shortcut-background-color: var(--gray-250);\n  --shortcut-selected-background-color: var(--blue-150);\n  /* Shortcut Typography Variables */\n  --shortcut-font-size: 14px;\n  --shortcut-font-style: normal;\n  --shortcut-font-weight: 400;\n  --shortcut-line-height: 16px;\n  /* Shortcut State Variables */\n  --shortcut-cursor: pointer;\n  --shortcut-hover-opacity: 0.85;\n  --shortcut-transition: opacity 0.2s ease;\n}\n\n.fvc-shortcut {\n  cursor: var(--shortcut-cursor);\n  color: var(--shortcut-text-color);\n  background-color: var(--shortcut-background-color);\n  border-radius: var(--shortcut-border-radius);\n  flex-direction: row;\n  flex: none;\n  order: 0;\n  align-items: center;\n  gap: var(--shortcut-gap);\n  margin: var(--shortcut-margin);\n  padding: var(--shortcut-padding);\n  font-size: var(--shortcut-font-size);\n  font-style: var(--shortcut-font-style);\n  font-weight: var(--shortcut-font-weight);\n  line-height: var(--shortcut-line-height);\n  display: inline-flex;\n  transition: var(--shortcut-transition);\n}\n\n.fvc-shortcut:hover {\n  opacity: var(--shortcut-hover-opacity);\n}\n\n.fvc-shortcut-selected {\n  background-color: var(--shortcut-selected-background-color);\n}");const de=({label:e,isSelected:r,onClick:t,testId:i="shortcut"})=>n.createElement("div",{"data-testid":i,className:"fvc-shortcut "+(r?"fvc-shortcut-selected":""),onClick:t},e);g.extend(W),g.extend(B),g.extend(X),g.extend(y),g.extend($),g.extend(Y),g.extend(ee),g.extend(_),g.extend(ie),g.extend(oe);const se=i((r,i)=>{var o,{testId:d="rangepicker",outputFormat:s="YYYY-MM-DD",format:l="DD.MM.YYYY",allowClear:p=!0,className:u,disabledDates:f,enabledDates:k,updateValueBeforeChange:v,onChange:h,shortcuts:m}=r,b=c(r,["testId","outputFormat","format","allowClear","className","disabledDates","enabledDates","updateValueBeforeChange","onChange","shortcuts"]);const{getDisabledDate:w}=C(f,k,l),{handleChange:y,handleShortcutClick:x,setSelectedShortcut:M,selectedShortcut:D}=(({outputFormat:e,updateValueBeforeChange:r,onChange:n})=>{const[i,c]=a(null),o=(r,n)=>{var t,i;if(r&&2===r.length){const[n,a]=r,c=null!==(t=null==n?void 0:n.format(e))&&void 0!==t?t:null,o=null!==(i=null==a?void 0:a.format(e))&&void 0!==i?i:null;return[[c?g(c):null,o?g(o):null],[null!=c?c:"",null!=o?o:""]]}return[r,n]},d=(e,n)=>{if(!r)return[e,n];const t=r(e,n);return t?[[t[0]?g(t[0]):null,t[1]?g(t[1]):null],t]:[e,n]};return{handleShortcutClick:(r,t)=>{c(r),t&&(null==n||n(t,t.map(r=>g(r).format(e))))},handleChange:t((e,t)=>{const[i,a]=o(e,t);if(r){const e=d(i,a);return void(null==n||n(...e))}null==n||n(i,a)},[o,d,n,r]),selectedShortcut:i,setSelectedShortcut:c}})({outputFormat:s,updateValueBeforeChange:v,onChange:h});return n.createElement("div",{"data-testid":d,className:u},n.createElement(e.RangePicker,Object.assign({prefixCls:"fvc-rangepicker",ref:i,disabledDate:w,format:l,allowClear:p,onChange:(e,r)=>{y(null!=e?e:[null,null],r),M(null)}},b)),null!==(o=null==m?void 0:m.map((e,r)=>{const{label:t,value:i}=e;return n.createElement(de,{key:r,label:t,isSelected:D===r,testId:`${d}-shortcut-${r}`,onClick:()=>x(r,i)})}))&&void 0!==o?o:null)});se.displayName="RangeDatePicker";u(":root {\n  /* Picker Size Variables */\n  --picker-width: 100%;\n  --picker-max-width-short: 140px;\n  /* Picker Color Variables */\n  --picker-main-color: var(--blue-600);\n  --picker-main-border: 1px solid var(--gray-400);\n  --picker-main-outlined-input-background: var(--neutral-0);\n  --picker-cell-in-view-background-color: var(--picker-main-color);\n  --picker-cell-today-inner-before-border-color: var(--picker-main-color);\n  --picker-cell-inner-background-color: var(--picker-main-color);\n  --picker-time-panel-cell-inner-background-color: var(--blue-gray-200);\n  --picker-suffix-color: var(--gray-900);\n  --picker-input-hover-color: var(--blue-500);\n  --picker-input-disabled-color: var(--gray-900);\n  --picker-input-disabled-background-color: var(--gray-100);\n  /* Picker Border Radius Variables */\n  --picker-main-border-radius: 20px;\n  --picker-cell-in-view-border-radius: 20px;\n  --picker-today-default-radius: 2px;\n  --picker-ok-border-radius: 30px;\n  /* Picker Padding Variables */\n  --picker-main-padding: 0px;\n  --picker-main-outlined-input-padding: 5px 13px;\n  --picker-clear-right: 12px;\n  /* Picker Font Variables */\n  --picker-input-font-weight: 500;\n  /* Picker Error State Variables */\n  --picker-error-background-color: var(--red-100);\n  --picker-error-border-color: var(--red-800);\n  --picker-error-suffix-color: var(--red-800);\n  /* Picker Ok State Variables */\n  --picker-ok-background-color: var(--green-600);\n  --picker-ok-box-shadow: none;\n}\n\n.fvc-timepicker {\n  width: var(--picker-width);\n  padding: var(--picker-main-padding);\n  border-radius: var(--picker-main-border-radius);\n  border-color: var(--picker-main-border-color);\n  border: var(--picker-main-border);\n}\n\n.fvc-timepicker-outlined .fvc-timepicker-input {\n  align-items: center;\n  padding: var(--picker-main-outlined-input-padding);\n  display: inline-flex;\n  position: relative;\n}\n\n.fvc-timepicker .fvc-timepicker-input > input {\n  font-weight: var(--picker-input-font-weight);\n}\n\n.fvc-timepicker .fvc-timepicker-input > input:not(:disabled):hover {\n  color: var(--picker-input-hover-color);\n}\n\n.fvc-timepicker .fvc-timepicker-input > input:disabled {\n  color: var(--picker-input-disabled-color);\n}\n\n.fvc-timepicker .fvc-timepicker-suffix {\n  color: var(--picker-suffix-color);\n}\n\n.fvc-timepicker .fvc-timepicker-clear {\n  right: var(--picker-clear-right);\n}\n\n.fvc-timepicker-short {\n  max-width: var(--picker-max-width-short);\n}\n\n.fvc-timepicker-outlined.fvc-timepicker-status-error:not(.fvc-timepicker-disabled) {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n\n.fvc-timepicker-outlined.fvc-timepicker-status-error:not(.fvc-timepicker-disabled) .fvc-timepicker-suffix {\n  color: var(--picker-error-suffix-color);\n}\n\n.fvc-timepicker-outlined.fvc-timepicker-status-error:not(.fvc-timepicker-disabled):hover {\n  background: var(--picker-error-background-color);\n  border-color: var(--picker-error-border-color);\n}\n\n.fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-range-start td.fvc-timepicker-cell:before, .fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-range-end td.fvc-timepicker-cell:before, .fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-selected td.fvc-timepicker-cell:before, .fvc-timepicker-dropdown .fvc-timepicker-week-panel-row-hover td.fvc-timepicker-cell:before {\n  background-color: var(--picker-cell-in-view-background-color);\n}\n\n.fvc-timepicker-dropdown .fvc-timepicker-month-btn {\n  text-transform: capitalize;\n}\n\n.fvc-timepicker-dropdown-hide-year .fvc-timepicker-month-panel .fvc-timepicker-header {\n  display: none !important;\n}\n\n.fvc-timepicker-dropdown-hide-year .fvc-timepicker-year-btn {\n  display: none !important;\n}\n\n.fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-today .fvc-timepicker-cell-inner::before {\n  border-color: var(--picker-cell-today-inner-before-border-color);\n  border-radius: var(--picker-today-default-radius);\n}\n\n.fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-selected:not(.fvc-timepicker-cell-disabled) .fvc-timepicker-cell-inner, .fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-range-start:not(.fvc-timepicker-cell-disabled) .fvc-timepicker-cell-inner, .fvc-timepicker-dropdown .fvc-timepicker-cell-in-view.fvc-timepicker-cell-range-end:not(.fvc-timepicker-cell-disabled) .fvc-timepicker-cell-inner {\n  background-color: var(--picker-cell-inner-background-color);\n}\n\n.fvc-timepicker-dropdown .fvc-timepicker-time-panel-column > li.fvc-timepicker-time-panel-cell-selected .fvc-timepicker-time-panel-cell-inner {\n  background-color: var(--picker-time-panel-cell-inner-background-color);\n}\n\n.fvc-timepicker-ok button {\n  border-radius: var(--picker-ok-border-radius);\n  box-shadow: var(--picker-ok-box-shadow);\n}\n\n.fvc-timepicker-ok button:not([disabled]) {\n  background: var(--picker-ok-background-color);\n}\n\n.fvc-timepicker-ok button:not([disabled]):hover {\n  background: var(--picker-ok-background-color) !important;\n}");const le=i((e,t)=>{var{testId:i="timepicker",className:a,format:o="HH:mm"}=e,d=c(e,["testId","className","format"]);return n.createElement("div",{"data-testid":i,className:a},n.createElement(r,Object.assign({prefixCls:"fvc-timepicker",ref:t},d,{format:o})))});le.displayName="TimePicker";export{V as DatePicker,se as RangeDatePicker,de as Shortcut,le as TimePicker};

package/dist/lib/picker/src/RangeDatePicker.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import './styles/RangeDatePicker.scss';
+import './styles/Shortcut.scss';
 import { PickerRef, RangeDatePickerProps } from './types';
 export declare const prefixCls = "fvc-rangepicker";
 export declare const RangeDatePicker: React.ForwardRefExoticComponent<Omit<RangeDatePickerProps, "ref"> & React.RefAttributes<PickerRef>>;

package/dist/lib/picker/src/Shortcut.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ShortcutProps } from './types/Shortcut.types';
+export declare const Shortcut: React.FC<ShortcutProps>;
+export default Shortcut;

package/dist/lib/picker/src/index.d.ts

@@ -1,3 +1,4 @@
 export { DatePicker } from './DatePicker';
 export { RangeDatePicker } from './RangeDatePicker';
+export { Shortcut } from './Shortcut';
 export { TimePicker } from './TimePicker';

package/dist/lib/picker/src/types/DatePicker.types.d.ts

@@ -25,14 +25,8 @@ export type DatePickerProps = Omit<DefaultDatepickerProps, 'format'> & {
     disabledDates?: IDateActivationConf;
     enabledDates?: IDateActivationConf;
     testId?: string;
-    placeholder?: string | string[];
     short?: boolean;
     hideYear?: boolean;
-    shortcuts?: {
-        value?: unknown;
-        label: string;
-        renderType?: RangeShortcutTypes;
-    }[];
     format?: string;
     error?: boolean;
 };

package/dist/lib/picker/src/types/RangeDatePicker.types.d.ts

@@ -1,12 +1,18 @@
 import { RangePickerProps as BaseRangePickerProps } from 'antd/es/date-picker';
 import { type Dayjs } from 'dayjs';
-import { type DatePickerProps } from './DatePicker.types';
+import { RangeShortcutTypes, type DatePickerProps } from './DatePicker.types';
 export type Dates = [start: Dayjs | null, end: Dayjs | null];
 export type DatesString = [string, string];
 export type FormatDateFunction = (dates: Dates, dateString: DatesString) => [dates: Dates, dateString: DatesString];
 export type BeforeChangeFunction = (dates: Dates | null, dateString: DatesString) => DatesString | null;
-export type RangeDatePickerProps = Omit<DatePickerProps, 'defaultValue' | 'value' | 'onChange'> & BaseRangePickerProps & {
+export type RangeDatePickerProps = Omit<DatePickerProps, 'defaultValue' | 'value' | 'onChange' | 'placeholder'> & BaseRangePickerProps & {
     testId?: string;
     outputFormat?: string;
-    onBeforeChange?: BeforeChangeFunction;
+    placeholder?: string | [string, string];
+    updateValueBeforeChange?: BeforeChangeFunction;
+    shortcuts?: {
+        value?: Dates;
+        label: string;
+        renderType?: RangeShortcutTypes;
+    }[];
 };

package/dist/lib/picker/src/types/Shortcut.types.d.ts

@@ -0,0 +1,24 @@
+export interface ShortcutProps {
+    /**
+     * Label text to display
+     */
+    label: string;
+    /**
+     * Whether the shortcut is currently selected
+     */
+    isSelected?: boolean;
+    /**
+     * Click handler
+     */
+    onClick?: () => void;
+    /**
+     * Test ID for testing purposes
+     */
+    testId?: string;
+}
+export declare enum RangeShortcutTypes {
+    DEFAULT = "DEFAULT",
+    MONTHLY = "MONTHLY",
+    YEARLY = "YEARLY",
+    QUARTERLY = "QUARTERLY"
+}

package/dist/lib/picker/src/usePicker.d.ts

@@ -1,4 +1,5 @@
+import type { Dayjs } from 'dayjs';
 import { DatePickerProps, IDateActivationConf } from './types';
 export declare const usePicker: (disabledDates?: IDateActivationConf, enabledDates?: IDateActivationConf, format?: DatePickerProps["format"]) => {
-    getDisabledDate: (currentDate: any) => boolean;
+    getDisabledDate: (currentDate: Dayjs) => boolean;
 };

package/dist/lib/picker/src/useRangeDatePicker.d.ts

@@ -1,8 +1,14 @@
-import { RangeDatePickerProps } from './types';
-export declare const useRangeDatePicker: ({ outputFormat, onBeforeChange, onChange, }: {
+import dayjs from 'dayjs';
+import { Dates, DatesString, RangeDatePickerProps } from './types';
+type RangeChangeHandler = (dates: Dates, dateString: DatesString) => void;
+export declare const useRangeDatePicker: ({ outputFormat, updateValueBeforeChange, onChange, }: {
     outputFormat: RangeDatePickerProps["outputFormat"];
-    onBeforeChange?: RangeDatePickerProps["onBeforeChange"];
+    updateValueBeforeChange?: RangeDatePickerProps["updateValueBeforeChange"];
     onChange?: RangeDatePickerProps["onChange"];
 }) => {
-    handleChange: (dates: any, dateString: any) => void;
+    handleShortcutClick: (index: number, value?: [dayjs.Dayjs | null, dayjs.Dayjs | null]) => void;
+    handleChange: RangeChangeHandler;
+    selectedShortcut: number | null;
+    setSelectedShortcut: import("react").Dispatch<import("react").SetStateAction<number | null>>;
 };
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fvc/picker",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "main": "./dist/lib/index.js",
   "types": "./dist/lib/picker/src/index.d.ts",
   "files": [
@@ -18,11 +18,19 @@
     }
   },
   "scripts": {
-    "build": "rm -rf dist && rm -rf .rollup.cache && eslint --config ../../eslint.config.js . && bunx tsc --noEmit && rollup -c ./rollup.config.mjs"
+    "build": "rollup -c ./rollup.config.mjs",
+    "clean": "rm -rf dist && rm -rf .rollup.cache && rm -rf .turbo",
+    "lint": "eslint --config ../../eslint.config.js \"src/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint --config ../../eslint.config.js \"src/**/*.{ts,tsx}\" --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "type-check": "tsc --noEmit",
+    "test": "bun test --preload ../../tests/happydom.ts --preload ../../tests/testing-library.tsx"
   },
   "dependencies": {
-    "@fvc/icons": "*",
+    "@fvc/icons": "*"
+  },
+  "peerDependencies": {
     "react": "^18.0.0",
     "antd": "^5.0.0"
   }
-}
+}