@fvc/picker 1.0.0 → 1.0.1

package/dist/lib/index.js

@@ -1,6 +1,6 @@
-import{DatePicker as e,TimePicker as r}from"antd";import n,{useCallback as t}from"react";var i=function(){return i=Object.assign||function(e){for(var r,n=1,t=arguments.length;n<t;n++)for(var i in r=arguments[n])Object.prototype.hasOwnProperty.call(r,i)&&(e[i]=r[i]);return e},i.apply(this,arguments)};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 a,d={exports:{}};
+import{DatePicker as r,TimePicker as e}from"antd";import n,{useCallback as i,forwardRef as c}from"react";import{Minus as t}from"@fvc/icons/content";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:{}};
 /*!
 	Copyright (c) 2018 Jed Watson.
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
-*/var s,l,p=o((a||(a=1,s=d,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 c in n)e.call(n,c)&&n[c]&&(i=t(i,c));return i}function t(e,r){return r?e?e+" "+r:e+r:e}s.exports?(r.default=r,s.exports=r):window.classNames=r}()),d.exports)),u={exports:{}};var f,k=o((l||(l=1,u.exports=function(){var e=1e3,r=6e4,n=36e5,t="millisecond",i="second",c="minute",o="hour",a="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=/\[([^\]]+)]|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(e){var r=["th","st","nd","rd"],n=e%100;return"["+e+(r[(n-20)%10]||r[n]||r[0])+"]"}},h=function(e,r,n){var t=String(e);return!t||t.length>=r?e:""+Array(r+1-t.length).join(n)+e},b={s:h,z:function(e){var r=-e.utcOffset(),n=Math.abs(r),t=Math.floor(n/60),i=n%60;return(r<=0?"+":"-")+h(t,2,"0")+":"+h(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),c=n-i<0,o=r.clone().add(t+(c?-1:1),s);return+(-(t+(n-i)/(c?i-o:o-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:a,D:u,h:o,m:c,s:i,ms:t,Q:l}[e]||String(e||"").toLowerCase().replace(/s$/,"")},u:function(e){return void 0===e}},g="en",w={};w[g]=m;var y="$isDayjsObject",x=function(e){return e instanceof O||!(!e||!e[y])},$=function e(r,n,t){var i;if(!r)return g;if("string"==typeof r){var c=r.toLowerCase();w[c]&&(i=c),n&&(w[c]=n,i=c);var o=r.split("-");if(!i&&o.length>1)return e(o[0])}else{var a=r.name;w[a]=r,i=a}return!t&&i&&(g=i),i||!t&&g},S=function(e,r){if(x(e))return e.clone();var n="object"==typeof r?r:{};return n.date=e,n.args=arguments,new O(n)},D=b;D.l=$,D.i=x,D.w=function(e,r){return S(e,{locale:r.$L,utc:r.$u,x:r.$x,$offset:r.$offset})};var O=function(){function m(e){this.$L=$(e.locale,null,!0),this.parse(e),this.$x=this.$x||e.x||{},this[y]=!0}var h=m.prototype;return h.parse=function(e){this.$d=function(e){var r=e.date,n=e.utc;if(null===r)return new Date(NaN);if(D.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,c=(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,c)):new Date(t[1],i,t[3]||1,t[4]||0,t[5]||0,t[6]||0,c)}}return new Date(r)}(e),this.init()},h.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()},h.$utils=function(){return D},h.isValid=function(){return!(this.$d.toString()===f)},h.isSame=function(e,r){var n=S(e);return this.startOf(r)<=n&&n<=this.endOf(r)},h.isAfter=function(e,r){return S(e)<this.startOf(r)},h.isBefore=function(e,r){return this.endOf(r)<S(e)},h.$g=function(e,r,n){return D.u(e)?this[r]:this.set(n,e)},h.unix=function(){return Math.floor(this.valueOf()/1e3)},h.valueOf=function(){return this.$d.getTime()},h.startOf=function(e,r){var n=this,t=!!D.u(r)||r,l=D.p(e),f=function(e,r){var i=D.w(n.$u?Date.UTC(n.$y,r,e):new Date(n.$y,r,e),n);return t?i:i.endOf(a)},k=function(e,r){return D.w(n.toDate()[e].apply(n.toDate("s"),(t?[0,0,0,0]:[23,59,59,999]).slice(r)),n)},v=this.$W,m=this.$M,h=this.$D,b="set"+(this.$u?"UTC":"");switch(l){case p:return t?f(1,0):f(31,11);case s:return t?f(1,m):f(0,m+1);case d:var g=this.$locale().weekStart||0,w=(v<g?v+7:v)-g;return f(t?h-w:h+(6-w),m);case a:case u:return k(b+"Hours",0);case o:return k(b+"Minutes",1);case c:return k(b+"Seconds",2);case i:return k(b+"Milliseconds",3);default:return this.clone()}},h.endOf=function(e){return this.startOf(e,!1)},h.$set=function(e,r){var n,d=D.p(e),l="set"+(this.$u?"UTC":""),f=(n={},n[a]=l+"Date",n[u]=l+"Date",n[s]=l+"Month",n[p]=l+"FullYear",n[o]=l+"Hours",n[c]=l+"Minutes",n[i]=l+"Seconds",n[t]=l+"Milliseconds",n)[d],k=d===a?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},h.set=function(e,r){return this.clone().$set(e,r)},h.get=function(e){return this[D.p(e)]()},h.add=function(t,l){var u,f=this;t=Number(t);var k=D.p(l),v=function(e){var r=S(f);return D.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===a)return v(1);if(k===d)return v(7);var m=(u={},u[c]=r,u[o]=n,u[i]=e,u)[k]||1,h=this.$d.getTime()+t*m;return D.w(h,this)},h.subtract=function(e,r){return this.add(-1*e,r)},h.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=D.z(this),c=this.$H,o=this.$m,a=this.$M,d=n.weekdays,s=n.months,l=n.meridiem,p=function(e,n,i,c){return e&&(e[n]||e(r,t))||i[n].slice(0,c)},u=function(e){return D.s(c%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 D.s(r.$y,4,"0");case"M":return a+1;case"MM":return D.s(a+1,2,"0");case"MMM":return p(n.monthsShort,a,s,3);case"MMMM":return p(s,a);case"D":return r.$D;case"DD":return D.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(c);case"HH":return D.s(c,2,"0");case"h":return u(1);case"hh":return u(2);case"a":return k(c,o,!0);case"A":return k(c,o,!1);case"m":return String(o);case"mm":return D.s(o,2,"0");case"s":return String(r.$s);case"ss":return D.s(r.$s,2,"0");case"SSS":return D.s(r.$ms,3,"0");case"Z":return i}return null}(e)||i.replace(":","")}))},h.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},h.diff=function(t,u,f){var k,v=this,m=D.p(u),h=S(t),b=(h.utcOffset()-this.utcOffset())*r,g=this-h,w=function(){return D.m(v,h)};switch(m){case p:k=w()/12;break;case s:k=w();break;case l:k=w()/3;break;case d:k=(g-b)/6048e5;break;case a:k=(g-b)/864e5;break;case o:k=g/n;break;case c:k=g/r;break;case i:k=g/e;break;default:k=g}return f?k:D.a(k)},h.daysInMonth=function(){return this.endOf(s).$D},h.$locale=function(){return w[this.$L]},h.locale=function(e,r){if(!e)return this.$L;var n=this.clone(),t=$(e,r,!0);return t&&(n.$L=t),n},h.clone=function(){return D.w(this.$d,this)},h.toDate=function(){return new Date(this.valueOf())},h.toJSON=function(){return this.isValid()?this.toISOString():null},h.toISOString=function(){return this.$d.toISOString()},h.toString=function(){return this.$d.toUTCString()},m}(),M=O.prototype;return S.prototype=M,[["$ms",t],["$s",i],["$m",c],["$H",o],["$W",a],["$M",s],["$y",p],["$D",u]].forEach((function(e){M[e[1]]=function(r){return this.$g(r,e[0],e[1])}})),S.extend=function(e,r){return e.$i||(e(r,O,S),e.$i=!0),S},S.locale=$,S.isDayjs=x,S.unix=function(e){return S(1e3*e)},S.en=w[g],S.Ls=w,S.p={},S}()),u.exports)),v={exports:{}};var m,h=o(f?v.exports:(f=1,v.exports=function(e,r,n){r.prototype.isBetween=function(e,r,t,i){var c=n(e),o=n(r),a="("===(i=i||"()")[0],d=")"===i[1];return(a?this.isAfter(c,t):!this.isBefore(c,t))&&(d?this.isBefore(o,t):!this.isAfter(o,t))||(a?this.isBefore(c,t):!this.isAfter(c,t))&&(d?this.isAfter(o,t):!this.isBefore(o,t))}})),b={exports:{}};var g,w=o(m?b.exports:(m=1,b.exports=function(e,r){r.prototype.isSameOrAfter=function(e,r){return this.isSame(e,r)||this.isAfter(e,r)}})),y={exports:{}};var x=o(g?y.exports:(g=1,y.exports=function(e,r){r.prototype.isSameOrBefore=function(e,r){return this.isSame(e,r)||this.isBefore(e,r)}}));k.extend(h),k.extend(x),k.extend(w);var $=function(e,r){return k(e,r)},S=function(e,r){return!!(null==r?void 0:r.some((function(r){var n=function(e,r){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var t,i,c=n.call(e),o=[];try{for(;(void 0===r||r-- >0)&&!(t=c.next()).done;)o.push(t.value)}catch(e){i={error:e}}finally{try{t&&!t.done&&(n=c.return)&&n.call(c)}finally{if(i)throw i.error}}return o}(r,2),t=n[0],i=n[1];return e.isBetween(t,i,null,"[]")})))},D=function(e,r,n){if(!r)return!1;var t=$(e,n),i=r.dates,c=void 0===i?[]:i,o=r.fromDate,a=r.tillDate,d=r.ranges;return!!function(e,r){return!!(null==r?void 0:r.includes(e))}(e,c)||(!!c.some((function(e){return t.isSame($(e,n))}))||(!(!o&&!a||!function(e,r,n,t){if(!r||!n)return!(!r||!e.isSameOrAfter($(r,t)))||!(!n||!e.isSameOrBefore($(n,t)));var i=$(r,t),c=$(n,t);return i.isSameOrAfter(c)?i.isSame(c)?e.isSame(i):!e.isBetween(c,i):e.isBetween(i,c,null,"[]")}(t,o,a,n))||!!d&&S(t,d)))};function O(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))}}O(":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 M="fvc-datepicker",P=function(r){var o,a,d=r.disabledDates,s=r.enabledDates,l=r.format,u=r.short,f=r.className,k=r.hideYear,v=r.status,m=r.testId,h=void 0===m?"datepicker":m,b=r.error,g=c(r,["disabledDates","enabledDates","format","short","className","hideYear","status","testId","error"]),w=p(((o={})["".concat(M,"-short")]=u,o)),y=p("".concat(M,"-dropdown"),((a={})["".concat(M,"-dropdown-hide-year")]=k,a)),x=t((function(e){return!function(e,r,n,t){var i=e.format(t);return(!r||!D(i,r,t))&&(!n||D(i,n,t))}(e,d,s,l)}),[d,s,l]);return n.createElement("div",{"data-testid":h,className:f},n.createElement(e,i({},g,{className:w,prefixCls:M,format:l,popupClassName:y,disabledDate:x,status:b?"error":v})))};O(":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 _=function(e){var t=e.testId,o=void 0===t?"timepicker":t,a=e.className,d=e.format,s=void 0===d?"HH:mm":d,l=c(e,["testId","className","format"]);return n.createElement("div",{"data-testid":o,className:a},n.createElement(r,i({prefixCls:"fvc-timepicker"},l,{format:s})))};export{P as DatePicker,_ as TimePicker};
+*/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,{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};

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import './styles/DatePicker.scss';
-import { DatePickerProps } from './types';
+import { DatePickerProps, PickerRef } from './types';
 export declare const prefixCls = "fvc-datepicker";
-export declare const DatePicker: ({ disabledDates, enabledDates, format, short, className, hideYear, status, testId, error, ...props }: DatePickerProps) => React.JSX.Element;
+export declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<PickerRef>>;

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './styles/RangeDatePicker.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/TimePicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import './styles/TimePicker.scss';
-import { TimePickerProps } from './types';
+import { PickerRef, TimePickerProps } from './types';
 export declare const prefixCls = "fvc-timepicker";
-export declare const TimePicker: ({ testId, className, format, ...props }: TimePickerProps) => React.JSX.Element;
+export declare const TimePicker: React.ForwardRefExoticComponent<Omit<TimePickerProps, "ref"> & React.RefAttributes<PickerRef>>;

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

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

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

@@ -16,6 +16,11 @@ export interface RangeShowTimeObject {
     showMinute?: boolean;
     showHour?: boolean;
 }
+export interface PickerRef {
+    nativeElement: HTMLDivElement;
+    focus: (options?: FocusOptions) => void;
+    blur: VoidFunction;
+}
 export type DatePickerProps = Omit<DefaultDatepickerProps, 'format'> & {
     disabledDates?: IDateActivationConf;
     enabledDates?: IDateActivationConf;

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

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

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

@@ -1,2 +1,3 @@
 export * from './DatePicker.types';
+export * from './RangeDatePicker.types';
 export * from './TimePicker.types';

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

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

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

@@ -0,0 +1,8 @@
+import { RangeDatePickerProps } from './types';
+export declare const useRangeDatePicker: ({ outputFormat, onBeforeChange, onChange, }: {
+    outputFormat: RangeDatePickerProps["outputFormat"];
+    onBeforeChange?: RangeDatePickerProps["onBeforeChange"];
+    onChange?: RangeDatePickerProps["onChange"];
+}) => {
+    handleChange: (dates: any, dateString: any) => void;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fvc/picker",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "./dist/lib/index.js",
   "types": "./dist/lib/picker/src/index.d.ts",
   "files": [