UNPKG

@start-base/react-form-elements

Version:

Simplify form elements and form management. Selection of user friendly inputs and wide customization abilities to match your design and functionality.

1 lines 27.5 kB
import e,{forwardRef as t,useState as n,useRef as a,useImperativeHandle as r,useLayoutEffect as o,useCallback as i,useMemo as l,useEffect as u,useId as s}from"react";import c from"clsx";import d,{components as m}from"react-select";import h from"react-select/animated";import{useFloating as f,autoUpdate as g,offset as w,flip as p,shift as b}from"@floating-ui/react-dom";import{FocusOn as v}from"react-focus-on";import{DayPicker as y}from"react-day-picker";var M=Object.defineProperty,k=Object.defineProperties,P=Object.getOwnPropertyDescriptors,S=Object.getOwnPropertySymbols,D=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,C=(e,t,n)=>t in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,N=(e,t)=>{for(var n in t||(t={}))D.call(t,n)&&C(e,n,t[n]);if(S)for(var n of S(t))x.call(t,n)&&C(e,n,t[n]);return e},W=(e,t)=>k(e,P(t)),I=(e,t)=>{var n={};for(var a in e)D.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&S)for(var a of S(e))t.indexOf(a)<0&&x.call(e,a)&&(n[a]=e[a]);return n},O=6048e5,E=Symbol.for("constructDateFrom");function T(e,t){return"function"==typeof e?e(t):e&&"object"==typeof e&&E in e?e[E](t):e instanceof Date?new e.constructor(t):new Date(t)}function F(e,t){return T(t||e,e)}var U={};function Y(){return U}function q(e,t){var n,a,r,o,i,l,u,s;const c=Y(),d=null!=(s=null!=(u=null!=(o=null!=(r=null==t?void 0:t.weekStartsOn)?r:null==(a=null==(n=null==t?void 0:t.locale)?void 0:n.options)?void 0:a.weekStartsOn)?o:c.weekStartsOn)?u:null==(l=null==(i=c.locale)?void 0:i.options)?void 0:l.weekStartsOn)?s:0,m=F(e,null==t?void 0:t.in),h=m.getDay(),f=(h<d?7:0)+h-d;return m.setDate(m.getDate()-f),m.setHours(0,0,0,0),m}function j(e,t){return q(e,W(N({},t),{weekStartsOn:1}))}function H(e,t){const n=F(e,void 0),a=n.getFullYear(),r=T(n,0);r.setFullYear(a+1,0,4),r.setHours(0,0,0,0);const o=j(r),i=T(n,0);i.setFullYear(a,0,4),i.setHours(0,0,0,0);const l=j(i);return n.getTime()>=o.getTime()?a+1:n.getTime()>=l.getTime()?a:a-1}function L(e){const t=F(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),+e-+n}function z(e,t){const n=F(e,void 0);return n.setHours(0,0,0,0),n}function Q(e,t,n){const[a,r]=function(e,...t){const n=T.bind(null,t.find(e=>"object"==typeof e));return t.map(n)}(0,e,t),o=z(a),i=z(r),l=+o-L(o),u=+i-L(i);return Math.round((l-u)/864e5)}function A(e){return!(!((t=e)instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t))&&"number"!=typeof e||isNaN(+F(e)));var t}var R={lessThanXSeconds:{one:"less than a second",other:"less than {{count}} seconds"},xSeconds:{one:"1 second",other:"{{count}} seconds"},halfAMinute:"half a minute",lessThanXMinutes:{one:"less than a minute",other:"less than {{count}} minutes"},xMinutes:{one:"1 minute",other:"{{count}} minutes"},aboutXHours:{one:"about 1 hour",other:"about {{count}} hours"},xHours:{one:"1 hour",other:"{{count}} hours"},xDays:{one:"1 day",other:"{{count}} days"},aboutXWeeks:{one:"about 1 week",other:"about {{count}} weeks"},xWeeks:{one:"1 week",other:"{{count}} weeks"},aboutXMonths:{one:"about 1 month",other:"about {{count}} months"},xMonths:{one:"1 month",other:"{{count}} months"},aboutXYears:{one:"about 1 year",other:"about {{count}} years"},xYears:{one:"1 year",other:"{{count}} years"},overXYears:{one:"over 1 year",other:"over {{count}} years"},almostXYears:{one:"almost 1 year",other:"almost {{count}} years"}};function B(e){return(t={})=>{const n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}var X={date:B({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:B({formats:{full:"h:mm:ss a zzzz",long:"h:mm:ss a z",medium:"h:mm:ss a",short:"h:mm a"},defaultWidth:"full"}),dateTime:B({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},G={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function J(e){return(t,n)=>{let a;if("formatting"===((null==n?void 0:n.context)?String(n.context):"standalone")&&e.formattingValues){const t=e.defaultFormattingWidth||e.defaultWidth,r=(null==n?void 0:n.width)?String(n.width):t;a=e.formattingValues[r]||e.formattingValues[t]}else{const t=e.defaultWidth,r=(null==n?void 0:n.width)?String(n.width):e.defaultWidth;a=e.values[r]||e.values[t]}return a[e.argumentCallback?e.argumentCallback(t):t]}}function $(e){return(t,n={})=>{const a=n.width,r=a&&e.matchPatterns[a]||e.matchPatterns[e.defaultMatchWidth],o=t.match(r);if(!o)return null;const i=o[0],l=a&&e.parsePatterns[a]||e.parsePatterns[e.defaultParseWidth],u=Array.isArray(l)?function(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n;return}(l,e=>e.test(i)):function(e,t){for(const n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n;return}(l,e=>e.test(i));let s;s=e.valueCallback?e.valueCallback(u):u,s=n.valueCallback?n.valueCallback(s):s;return{value:s,rest:t.slice(i.length)}}}var V,K={code:"en-US",formatDistance:(e,t,n)=>{let a;const r=R[e];return a="string"==typeof r?r:1===t?r.one:r.other.replace("{{count}}",t.toString()),(null==n?void 0:n.addSuffix)?n.comparison&&n.comparison>0?"in "+a:a+" ago":a},formatLong:X,formatRelative:(e,t,n,a)=>G[e],localize:{ordinalNumber:(e,t)=>{const n=Number(e),a=n%100;if(a>20||a<10)switch(a%10){case 1:return n+"st";case 2:return n+"nd";case 3:return n+"rd"}return n+"th"},era:J({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:J({values:{narrow:["1","2","3","4"],abbreviated:["Q1","Q2","Q3","Q4"],wide:["1st quarter","2nd quarter","3rd quarter","4th quarter"]},defaultWidth:"wide",argumentCallback:e=>e-1}),month:J({values:{narrow:["J","F","M","A","M","J","J","A","S","O","N","D"],abbreviated:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],wide:["January","February","March","April","May","June","July","August","September","October","November","December"]},defaultWidth:"wide"}),day:J({values:{narrow:["S","M","T","W","T","F","S"],short:["Su","Mo","Tu","We","Th","Fr","Sa"],abbreviated:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],wide:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]},defaultWidth:"wide"}),dayPeriod:J({values:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"morning",afternoon:"afternoon",evening:"evening",night:"night"}},defaultWidth:"wide",formattingValues:{narrow:{am:"a",pm:"p",midnight:"mi",noon:"n",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},abbreviated:{am:"AM",pm:"PM",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"},wide:{am:"a.m.",pm:"p.m.",midnight:"midnight",noon:"noon",morning:"in the morning",afternoon:"in the afternoon",evening:"in the evening",night:"at night"}},defaultFormattingWidth:"wide"})},match:{ordinalNumber:(V={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,t={})=>{const n=e.match(V.matchPattern);if(!n)return null;const a=n[0],r=e.match(V.parsePattern);if(!r)return null;let o=V.valueCallback?V.valueCallback(r[0]):r[0];return o=t.valueCallback?t.valueCallback(o):o,{value:o,rest:e.slice(a.length)}}),era:$({matchPatterns:{narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},defaultMatchWidth:"wide",parsePatterns:{any:[/^b/i,/^(a|c)/i]},defaultParseWidth:"any"}),quarter:$({matchPatterns:{narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},defaultMatchWidth:"wide",parsePatterns:{any:[/1/i,/2/i,/3/i,/4/i]},defaultParseWidth:"any",valueCallback:e=>e+1}),month:$({matchPatterns:{narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},defaultParseWidth:"any"}),day:$({matchPatterns:{narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},defaultMatchWidth:"wide",parsePatterns:{narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},defaultParseWidth:"any"}),dayPeriod:$({matchPatterns:{narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},defaultMatchWidth:"any",parsePatterns:{any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},defaultParseWidth:"any"})},options:{weekStartsOn:0,firstWeekContainsDate:1}};function _(e,t){const n=F(e,void 0),a=Q(n,function(e){const t=F(e,void 0);return t.setFullYear(t.getFullYear(),0,1),t.setHours(0,0,0,0),t}(n));return a+1}function Z(e,t){const n=F(e,void 0),a=+j(n)-+function(e){const t=H(e),n=T(e,0);return n.setFullYear(t,0,4),n.setHours(0,0,0,0),j(n)}(n);return Math.round(a/O)+1}function ee(e,t){var n,a,r,o,i,l,u,s;const c=F(e,null==t?void 0:t.in),d=c.getFullYear(),m=Y(),h=null!=(s=null!=(u=null!=(o=null!=(r=null==t?void 0:t.firstWeekContainsDate)?r:null==(a=null==(n=null==t?void 0:t.locale)?void 0:n.options)?void 0:a.firstWeekContainsDate)?o:m.firstWeekContainsDate)?u:null==(l=null==(i=m.locale)?void 0:i.options)?void 0:l.firstWeekContainsDate)?s:1,f=T((null==t?void 0:t.in)||e,0);f.setFullYear(d+1,0,h),f.setHours(0,0,0,0);const g=q(f,t),w=T((null==t?void 0:t.in)||e,0);w.setFullYear(d,0,h),w.setHours(0,0,0,0);const p=q(w,t);return+c>=+g?d+1:+c>=+p?d:d-1}function te(e,t){const n=F(e,null==t?void 0:t.in),a=+q(n,t)-+function(e,t){var n,a,r,o,i,l,u,s;const c=Y(),d=null!=(s=null!=(u=null!=(o=null!=(r=null==t?void 0:t.firstWeekContainsDate)?r:null==(a=null==(n=null==t?void 0:t.locale)?void 0:n.options)?void 0:a.firstWeekContainsDate)?o:c.firstWeekContainsDate)?u:null==(l=null==(i=c.locale)?void 0:i.options)?void 0:l.firstWeekContainsDate)?s:1,m=ee(e,t),h=T((null==t?void 0:t.in)||e,0);return h.setFullYear(m,0,d),h.setHours(0,0,0,0),q(h,t)}(n,t);return Math.round(a/O)+1}function ne(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}var ae={y(e,t){const n=e.getFullYear(),a=n>0?n:1-n;return ne("yy"===t?a%100:a,t.length)},M(e,t){const n=e.getMonth();return"M"===t?String(n+1):ne(n+1,2)},d:(e,t)=>ne(e.getDate(),t.length),a(e,t){const n=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.toUpperCase();case"aaa":return n;case"aaaaa":return n[0];default:return"am"===n?"a.m.":"p.m."}},h:(e,t)=>ne(e.getHours()%12||12,t.length),H:(e,t)=>ne(e.getHours(),t.length),m:(e,t)=>ne(e.getMinutes(),t.length),s:(e,t)=>ne(e.getSeconds(),t.length),S(e,t){const n=t.length,a=e.getMilliseconds();return ne(Math.trunc(a*Math.pow(10,n-3)),t.length)}},re="midnight",oe="noon",ie="morning",le="afternoon",ue="evening",se="night",ce={G:function(e,t,n){const a=e.getFullYear()>0?1:0;switch(t){case"G":case"GG":case"GGG":return n.era(a,{width:"abbreviated"});case"GGGGG":return n.era(a,{width:"narrow"});default:return n.era(a,{width:"wide"})}},y:function(e,t,n){if("yo"===t){const t=e.getFullYear(),a=t>0?t:1-t;return n.ordinalNumber(a,{unit:"year"})}return ae.y(e,t)},Y:function(e,t,n,a){const r=ee(e,a),o=r>0?r:1-r;if("YY"===t){return ne(o%100,2)}return"Yo"===t?n.ordinalNumber(o,{unit:"year"}):ne(o,t.length)},R:function(e,t){return ne(H(e),t.length)},u:function(e,t){return ne(e.getFullYear(),t.length)},Q:function(e,t,n){const a=Math.ceil((e.getMonth()+1)/3);switch(t){case"Q":return String(a);case"QQ":return ne(a,2);case"Qo":return n.ordinalNumber(a,{unit:"quarter"});case"QQQ":return n.quarter(a,{width:"abbreviated",context:"formatting"});case"QQQQQ":return n.quarter(a,{width:"narrow",context:"formatting"});default:return n.quarter(a,{width:"wide",context:"formatting"})}},q:function(e,t,n){const a=Math.ceil((e.getMonth()+1)/3);switch(t){case"q":return String(a);case"qq":return ne(a,2);case"qo":return n.ordinalNumber(a,{unit:"quarter"});case"qqq":return n.quarter(a,{width:"abbreviated",context:"standalone"});case"qqqqq":return n.quarter(a,{width:"narrow",context:"standalone"});default:return n.quarter(a,{width:"wide",context:"standalone"})}},M:function(e,t,n){const a=e.getMonth();switch(t){case"M":case"MM":return ae.M(e,t);case"Mo":return n.ordinalNumber(a+1,{unit:"month"});case"MMM":return n.month(a,{width:"abbreviated",context:"formatting"});case"MMMMM":return n.month(a,{width:"narrow",context:"formatting"});default:return n.month(a,{width:"wide",context:"formatting"})}},L:function(e,t,n){const a=e.getMonth();switch(t){case"L":return String(a+1);case"LL":return ne(a+1,2);case"Lo":return n.ordinalNumber(a+1,{unit:"month"});case"LLL":return n.month(a,{width:"abbreviated",context:"standalone"});case"LLLLL":return n.month(a,{width:"narrow",context:"standalone"});default:return n.month(a,{width:"wide",context:"standalone"})}},w:function(e,t,n,a){const r=te(e,a);return"wo"===t?n.ordinalNumber(r,{unit:"week"}):ne(r,t.length)},I:function(e,t,n){const a=Z(e);return"Io"===t?n.ordinalNumber(a,{unit:"week"}):ne(a,t.length)},d:function(e,t,n){return"do"===t?n.ordinalNumber(e.getDate(),{unit:"date"}):ae.d(e,t)},D:function(e,t,n){const a=_(e);return"Do"===t?n.ordinalNumber(a,{unit:"dayOfYear"}):ne(a,t.length)},E:function(e,t,n){const a=e.getDay();switch(t){case"E":case"EE":case"EEE":return n.day(a,{width:"abbreviated",context:"formatting"});case"EEEEE":return n.day(a,{width:"narrow",context:"formatting"});case"EEEEEE":return n.day(a,{width:"short",context:"formatting"});default:return n.day(a,{width:"wide",context:"formatting"})}},e:function(e,t,n,a){const r=e.getDay(),o=(r-a.weekStartsOn+8)%7||7;switch(t){case"e":return String(o);case"ee":return ne(o,2);case"eo":return n.ordinalNumber(o,{unit:"day"});case"eee":return n.day(r,{width:"abbreviated",context:"formatting"});case"eeeee":return n.day(r,{width:"narrow",context:"formatting"});case"eeeeee":return n.day(r,{width:"short",context:"formatting"});default:return n.day(r,{width:"wide",context:"formatting"})}},c:function(e,t,n,a){const r=e.getDay(),o=(r-a.weekStartsOn+8)%7||7;switch(t){case"c":return String(o);case"cc":return ne(o,t.length);case"co":return n.ordinalNumber(o,{unit:"day"});case"ccc":return n.day(r,{width:"abbreviated",context:"standalone"});case"ccccc":return n.day(r,{width:"narrow",context:"standalone"});case"cccccc":return n.day(r,{width:"short",context:"standalone"});default:return n.day(r,{width:"wide",context:"standalone"})}},i:function(e,t,n){const a=e.getDay(),r=0===a?7:a;switch(t){case"i":return String(r);case"ii":return ne(r,t.length);case"io":return n.ordinalNumber(r,{unit:"day"});case"iii":return n.day(a,{width:"abbreviated",context:"formatting"});case"iiiii":return n.day(a,{width:"narrow",context:"formatting"});case"iiiiii":return n.day(a,{width:"short",context:"formatting"});default:return n.day(a,{width:"wide",context:"formatting"})}},a:function(e,t,n){const a=e.getHours()/12>=1?"pm":"am";switch(t){case"a":case"aa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"});case"aaa":return n.dayPeriod(a,{width:"abbreviated",context:"formatting"}).toLowerCase();case"aaaaa":return n.dayPeriod(a,{width:"narrow",context:"formatting"});default:return n.dayPeriod(a,{width:"wide",context:"formatting"})}},b:function(e,t,n){const a=e.getHours();let r;switch(r=12===a?oe:0===a?re:a/12>=1?"pm":"am",t){case"b":case"bb":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"bbb":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"}).toLowerCase();case"bbbbb":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},B:function(e,t,n){const a=e.getHours();let r;switch(r=a>=17?ue:a>=12?le:a>=4?ie:se,t){case"B":case"BB":case"BBB":return n.dayPeriod(r,{width:"abbreviated",context:"formatting"});case"BBBBB":return n.dayPeriod(r,{width:"narrow",context:"formatting"});default:return n.dayPeriod(r,{width:"wide",context:"formatting"})}},h:function(e,t,n){if("ho"===t){let t=e.getHours()%12;return 0===t&&(t=12),n.ordinalNumber(t,{unit:"hour"})}return ae.h(e,t)},H:function(e,t,n){return"Ho"===t?n.ordinalNumber(e.getHours(),{unit:"hour"}):ae.H(e,t)},K:function(e,t,n){const a=e.getHours()%12;return"Ko"===t?n.ordinalNumber(a,{unit:"hour"}):ne(a,t.length)},k:function(e,t,n){let a=e.getHours();return 0===a&&(a=24),"ko"===t?n.ordinalNumber(a,{unit:"hour"}):ne(a,t.length)},m:function(e,t,n){return"mo"===t?n.ordinalNumber(e.getMinutes(),{unit:"minute"}):ae.m(e,t)},s:function(e,t,n){return"so"===t?n.ordinalNumber(e.getSeconds(),{unit:"second"}):ae.s(e,t)},S:function(e,t){return ae.S(e,t)},X:function(e,t,n){const a=e.getTimezoneOffset();if(0===a)return"Z";switch(t){case"X":return me(a);case"XXXX":case"XX":return he(a);default:return he(a,":")}},x:function(e,t,n){const a=e.getTimezoneOffset();switch(t){case"x":return me(a);case"xxxx":case"xx":return he(a);default:return he(a,":")}},O:function(e,t,n){const a=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+de(a,":");default:return"GMT"+he(a,":")}},z:function(e,t,n){const a=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+de(a,":");default:return"GMT"+he(a,":")}},t:function(e,t,n){return ne(Math.trunc(+e/1e3),t.length)},T:function(e,t,n){return ne(+e,t.length)}};function de(e,t=""){const n=e>0?"-":"+",a=Math.abs(e),r=Math.trunc(a/60),o=a%60;return 0===o?n+String(r):n+String(r)+t+ne(o,2)}function me(e,t){if(e%60==0){return(e>0?"-":"+")+ne(Math.abs(e)/60,2)}return he(e,t)}function he(e,t=""){const n=e>0?"-":"+",a=Math.abs(e);return n+ne(Math.trunc(a/60),2)+t+ne(a%60,2)}var fe=(e,t)=>{switch(e){case"P":return t.date({width:"short"});case"PP":return t.date({width:"medium"});case"PPP":return t.date({width:"long"});default:return t.date({width:"full"})}},ge=(e,t)=>{switch(e){case"p":return t.time({width:"short"});case"pp":return t.time({width:"medium"});case"ppp":return t.time({width:"long"});default:return t.time({width:"full"})}},we={p:ge,P:(e,t)=>{const n=e.match(/(P+)(p+)?/)||[],a=n[1],r=n[2];if(!r)return fe(e,t);let o;switch(a){case"P":o=t.dateTime({width:"short"});break;case"PP":o=t.dateTime({width:"medium"});break;case"PPP":o=t.dateTime({width:"long"});break;default:o=t.dateTime({width:"full"})}return o.replace("{{date}}",fe(a,t)).replace("{{time}}",ge(r,t))}},pe=/^D+$/,be=/^Y+$/,ve=["D","DD","YY","YYYY"];var ye=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,Me=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ke=/^'([^]*?)'?$/,Pe=/''/g,Se=/[a-zA-Z]/;function De(e,t,n){var a,r,o,i,l,u,s,c,d,m,h,f,g,w,p,b,v,y;const M=Y(),k=null!=(r=null!=(a=null==n?void 0:n.locale)?a:M.locale)?r:K,P=null!=(m=null!=(d=null!=(u=null!=(l=null==n?void 0:n.firstWeekContainsDate)?l:null==(i=null==(o=null==n?void 0:n.locale)?void 0:o.options)?void 0:i.firstWeekContainsDate)?u:M.firstWeekContainsDate)?d:null==(c=null==(s=M.locale)?void 0:s.options)?void 0:c.firstWeekContainsDate)?m:1,S=null!=(y=null!=(v=null!=(w=null!=(g=null==n?void 0:n.weekStartsOn)?g:null==(f=null==(h=null==n?void 0:n.locale)?void 0:h.options)?void 0:f.weekStartsOn)?w:M.weekStartsOn)?v:null==(b=null==(p=M.locale)?void 0:p.options)?void 0:b.weekStartsOn)?y:0,D=F(e,null==n?void 0:n.in);if(!A(D))throw new RangeError("Invalid time value");let x=t.match(Me).map(e=>{const t=e[0];if("p"===t||"P"===t){return(0,we[t])(e,k.formatLong)}return e}).join("").match(ye).map(e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:xe(e)};if(ce[t])return{isToken:!0,value:e};if(t.match(Se))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});k.localize.preprocessor&&(x=k.localize.preprocessor(D,x));const C={firstWeekContainsDate:P,weekStartsOn:S,locale:k};return x.map(a=>{if(!a.isToken)return a.value;const r=a.value;(!(null==n?void 0:n.useAdditionalWeekYearTokens)&&function(e){return be.test(e)}(r)||!(null==n?void 0:n.useAdditionalDayOfYearTokens)&&function(e){return pe.test(e)}(r))&&function(e,t,n){const a=function(e,t,n){const a="Y"===e[0]?"years":"days of the month";return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${a} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}(e,t,n);if(console.warn(a),ve.includes(e))throw new RangeError(a)}(r,t,String(e));return(0,ce[r[0]])(D,r,k.localize,C)}).join("")}function xe(e){const t=e.match(ke);return t?t[1].replace(Pe,"'"):e}var Ce="SUI-CalendarRoot-module-calendar-YEe-7",Ne="SUI-CalendarRoot-module-months--6KTQ",We="SUI-CalendarRoot-module-month-aa13w",Ie="SUI-CalendarRoot-module-captionLabel-Q-PII",Oe="SUI-CalendarRoot-module-disabled-LmYOQ",Ee="SUI-CalendarRoot-module-error-qiefI",Te=t=>{var n=t,{disabled:a,error:r,className:o,classNames:i,calendarClassName:l,numberOfMonths:u=1}=n,s=I(n,["disabled","error","className","classNames","calendarClassName","numberOfMonths"]);return e.createElement(y,W(N({disabled:a,className:c(Ce,"globals_rdp",{[o||""]:o})},s),{numberOfMonths:u,classNames:N(N(W(N({},i),{caption_label:c(Ie,{[(null==i?void 0:i.caption_label)||""]:null==i?void 0:i.caption_label})}),1===u?{month:c({[We]:1===u,[Oe]:a,[l||""]:l,[(null==i?void 0:i.month)||""]:null==i?void 0:i.month,[Ee]:r})}:{}),u>1?{months:c({[Ee]:r,[Ne]:u>1,[Oe]:a,[(null==i?void 0:i.months)||""]:null==i?void 0:i.months,[l||""]:l})}:{})}))},Fe="SUI-MultipleDatePicker-module-root-yCjFT",Ue="SUI-MultipleDatePicker-module-inputRoot-Pim6h",Ye="SUI-MultipleDatePicker-module-calendar-jdoCX",qe="SUI-MultipleDatePicker-module-label-GKNnc",je="SUI-MultipleDatePicker-module-disableShrink-7KzJu",He="SUI-MultipleDatePicker-module-disabledLabel-dUcSK",Le="SUI-MultipleDatePicker-module-labelPlaceholder-URdOA",ze="SUI-MultipleDatePicker-module-labelFocused-W4M7v",Qe="SUI-MultipleDatePicker-module-input-x5q9i",Ae="SUI-MultipleDatePicker-module-focus-99pwR",Re="SUI-MultipleDatePicker-module-notFocus-fjmmR",Be="SUI-MultipleDatePicker-module-inputError-dQODc",Xe="SUI-MultipleDatePicker-module-errorLabel-x3su4",Ge="SUI-MultipleDatePicker-module-disabled-1aaRP",Je="SUI-MultipleDatePicker-module-innerInput-9WNIF",$e="SUI-MultipleDatePicker-module-control-CuaRH",Ve="SUI-MultipleDatePicker-module-menu-9Hb7f",Ke="SUI-MultipleDatePicker-module-option-Jn4gr",_e="SUI-MultipleDatePicker-module-optionFocused-2kN-3",Ze="SUI-MultipleDatePicker-module-singleValue-5A3XF",et="SUI-MultipleDatePicker-module-placeholder-0MoP6",tt="SUI-MultipleDatePicker-module-indicatorsContainer-xoTk3",nt="SUI-MultipleDatePicker-module-indicatorSeparator-zRu3E",at="SUI-MultipleDatePicker-module-clearIndicator-ho8TQ",rt="SUI-MultipleDatePicker-module-multiValueRemove-Xtqzu",ot="SUI-MultipleDatePicker-module-multiValue-4L7u8",it="SUI-MultipleDatePicker-module-valueContainer-sTkn0",lt="SUI-MultipleDatePicker-module-popper-5FAm9",ut="SUI-MultipleDatePicker-module-icon-gvYw-",st=h(),ct=t((t,h)=>{var y=t,{name:M,onChange:k,error:P=null,label:S=null,placeholder:D=null,value:x=[],locale:C=null,format:O="MM/dd/yyyy",inputClassName:E=null,labelClassName:T=null,errorClassName:F=null,calendarClassName:U=null,disableShrink:Y=!1,disabled:q=!1,classNames:j=null,components:H=null,onFocus:L=()=>({}),onBlur:z=()=>({})}=y,Q=I(y,["name","onChange","error","label","placeholder","value","locale","format","inputClassName","labelClassName","errorClassName","calendarClassName","disableShrink","disabled","classNames","components","onFocus","onBlur"]);const[A,R]=n(!1),B=a(null);r(h,()=>null==B?void 0:B.current);const X=a(null),[G,J]=n(null),{refs:$,floatingStyles:V}=f({placement:"bottom-end",open:A,middleware:[w(4),p(),b()],whileElementsMounted:g});o(()=>{A&&X.current&&G&&($.setReference(X.current),$.setFloating(G))},[A,$,X,G]);const K=null==x?void 0:x.map((e,t)=>({value:t,label:e.toString()})),_=i(e=>{k({target:{name:M,value:e.map(e=>new Date(e.label))}})},[M,k]),Z=l(()=>e.createElement("label",{htmlFor:M,className:c(qe,{[je]:Y,[He]:q,[Le]:S&&D&&!Y,[ze]:S&&0!==(null==x?void 0:x.length)&&!!x&&!Y||S&&0!==(null==x?void 0:x.length)&&!!x&&!Y,[T]:T}),onClick:()=>{var e,t;try{const n=document.querySelectorAll(`[name="${M}"]`);if(!n.length)return;let a=null==n?void 0:n[0];"hidden"===(null==a?void 0:a.type)&&(a=null==(e=null==a?void 0:a.parentNode)?void 0:e.querySelector("input")),null==a||a.focus(),null==(t=null==B?void 0:B.current)||t.focus(),R(e=>!e)}catch(e){throw e}}},S),[q,M,Y,S,T,D,x]);u(()=>{var e;A||null==(e=null==B?void 0:B.current)||e.blur()},[A]);const ee=()=>{R(!1)},te=l(()=>"string"==typeof P?P:P&&"object"==typeof P&&P.message?P.message:null,[P]);return e.createElement("div",{className:c(Fe)},e.createElement("div",{className:c(Ue)},S&&Y?Z:null,e.createElement("div",null,e.createElement("div",{ref:X},e.createElement(d,W(N({instanceId:s(),classNames:W(N({input:()=>Je,menu:()=>Ve,option:e=>e.isFocused?_e:Ke,singleValue:()=>Ze,placeholder:()=>et,indicatorSeparator:()=>nt,indicatorsContainer:()=>tt,clearIndicator:()=>at,multiValue:()=>ot,valueContainer:()=>S&&!Y?it:null,multiValueRemove:()=>rt},j),{control:e=>{var t,n;return c(Qe,{[$e]:!Y&&S,[Ae]:A,[Re]:!A,[Be]:"boolean"==typeof P&&P,[Ge]:e.isDisabled,[E]:E,[null==(t=null==j?void 0:j.control)?void 0:t.call(j,e)]:null==(n=null==j?void 0:j.control)?void 0:n.call(j,e)})}}),placeholder:D,name:M,isDisabled:q,onFocus:e=>{null==L||L(e),R(!0)},onBlur:e=>{null==z||z(e),R(!1)},components:W(N(N({},st),H),{Control:t=>{var n=t,{innerProps:a,children:r}=n,o=I(n,["innerProps","children"]);return e.createElement(m.Control,W(N({},o),{innerProps:W(N({},a),{onClick:()=>{R(e=>!e)}})}),r)},DropdownIndicator:t=>e.createElement(m.DropdownIndicator,N({},t),e.createElement("svg",{className:ut,onClick:()=>R(e=>!e),xmlns:"http://www.w3.org/2000/svg",width:"20px",height:"20px",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,viewBox:"0 0 24 24"},e.createElement("rect",{width:18,height:18,x:3,y:4,rx:2,ry:2}),e.createElement("path",{d:"M16 2v4M8 2v4M3 10h18M8 14h.01M12 14h.01M16 14h.01M8 18h.01M12 18h.01M16 18h.01"})))})},Q),{menuIsOpen:!1,options:K,isMulti:!0,isSearchable:!1,value:null==x?void 0:x.map((e,t)=>({value:t,label:e instanceof Date?De(e,O,C?{locale:C}:{}):e})),onChange:_}))),A&&e.createElement(v,{enabled:A,autoFocus:!0,onClickOutside:ee,onEscapeKey:ee,onDeactivation:ee,scrollLock:!1},e.createElement("div",{className:lt,style:V,ref:J,role:"dialog","aria-label":"Calendar"},e.createElement(Te,W(N({error:P,className:Ye,calendarClassName:U,disabled:q,selected:x,onSelect:e=>{k({target:{name:M,value:e}})}},Q),{mode:"multiple"}))))),S&&!Y?Z:null),te?e.createElement("span",{className:c(Xe,{[F]:F})},te):null)});ct.displayName="MultipleDatePicker";var dt=ct;export{dt as default};