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.2 kB
import e,{forwardRef as t,useState as n,useRef as a,useImperativeHandle as r,useCallback as o,useMemo as i,useEffect as l,useId as u}from"react";import s from"clsx";import c,{components as d}from"react-select";import m from"react-select/animated";import{usePopper as h}from"react-popper";import{FocusOn as f}from"react-focus-on";import{DayPicker as g}from"react-day-picker";var p=Object.defineProperty,w=Object.defineProperties,b=Object.getOwnPropertyDescriptors,v=Object.getOwnPropertySymbols,y=Object.prototype.hasOwnProperty,M=Object.prototype.propertyIsEnumerable,k=(e,t,n)=>t in e?p(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,P=(e,t)=>{for(var n in t||(t={}))y.call(t,n)&&k(e,n,t[n]);if(v)for(var n of v(t))M.call(t,n)&&k(e,n,t[n]);return e},S=(e,t)=>w(e,b(t)),D=(e,t)=>{var n={};for(var a in e)y.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&v)for(var a of v(e))t.indexOf(a)<0&&M.call(e,a)&&(n[a]=e[a]);return n};function x(e){const t=Object.prototype.toString.call(e);return e instanceof Date||"object"==typeof e&&"[object Date]"===t?new e.constructor(+e):"number"==typeof e||"[object Number]"===t||"string"==typeof e||"[object String]"===t?new Date(e):new Date(NaN)}function C(e,t){return e instanceof Date?new e.constructor(t):new Date(t)}var N=6048e5,W={};function I(){return W}function O(e,t){var n,a,r,o,i,l,u,s;const c=I(),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=x(e),h=m.getDay(),f=(h<d?7:0)+h-d;return m.setDate(m.getDate()-f),m.setHours(0,0,0,0),m}function T(e){return O(e,{weekStartsOn:1})}function E(e){const t=x(e),n=t.getFullYear(),a=C(e,0);a.setFullYear(n+1,0,4),a.setHours(0,0,0,0);const r=T(a),o=C(e,0);o.setFullYear(n,0,4),o.setHours(0,0,0,0);const i=T(o);return t.getTime()>=r.getTime()?n+1:t.getTime()>=i.getTime()?n:n-1}function U(e){const t=x(e);return t.setHours(0,0,0,0),t}function F(e){const t=x(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 Y(e){if(!(t=e,t instanceof Date||"object"==typeof t&&"[object Date]"===Object.prototype.toString.call(t)||"number"==typeof e))return!1;var t;const n=x(e);return!isNaN(Number(n))}var j={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 q(e){return(t={})=>{const n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}var H={date:q({formats:{full:"EEEE, MMMM do, y",long:"MMMM do, y",medium:"MMM d, y",short:"MM/dd/yyyy"},defaultWidth:"full"}),time:q({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:q({formats:{full:"{{date}} 'at' {{time}}",long:"{{date}} 'at' {{time}}",medium:"{{date}}, {{time}}",short:"{{date}}, {{time}}"},defaultWidth:"full"})},L={lastWeek:"'last' eeee 'at' p",yesterday:"'yesterday at' p",today:"'today at' p",tomorrow:"'tomorrow at' p",nextWeek:"eeee 'at' p",other:"P"};function z(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 Q(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 A,R={code:"en-US",formatDistance:(e,t,n)=>{let a;const r=j[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:H,formatRelative:(e,t,n,a)=>L[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:z({values:{narrow:["B","A"],abbreviated:["BC","AD"],wide:["Before Christ","Anno Domini"]},defaultWidth:"wide"}),quarter:z({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:z({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:z({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:z({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:(A={matchPattern:/^(\d+)(th|st|nd|rd)?/i,parsePattern:/\d+/i,valueCallback:e=>parseInt(e,10)},(e,t={})=>{const n=e.match(A.matchPattern);if(!n)return null;const a=n[0],r=e.match(A.parsePattern);if(!r)return null;let o=A.valueCallback?A.valueCallback(r[0]):r[0];return o=t.valueCallback?t.valueCallback(o):o,{value:o,rest:e.slice(a.length)}}),era:Q({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:Q({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:Q({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:Q({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:Q({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 B(e){const t=x(e),n=function(e,t){const n=U(e),a=U(t),r=+n-F(n),o=+a-F(a);return Math.round((r-o)/864e5)}(t,function(e){const t=x(e),n=C(e,0);return n.setFullYear(t.getFullYear(),0,1),n.setHours(0,0,0,0),n}(t));return n+1}function X(e){const t=x(e),n=+T(t)-+function(e){const t=E(e),n=C(e,0);return n.setFullYear(t,0,4),n.setHours(0,0,0,0),T(n)}(t);return Math.round(n/N)+1}function G(e,t){var n,a,r,o,i,l,u,s;const c=x(e),d=c.getFullYear(),m=I(),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=C(e,0);f.setFullYear(d+1,0,h),f.setHours(0,0,0,0);const g=O(f,t),p=C(e,0);p.setFullYear(d,0,h),p.setHours(0,0,0,0);const w=O(p,t);return c.getTime()>=g.getTime()?d+1:c.getTime()>=w.getTime()?d:d-1}function J(e,t){const n=x(e),a=+O(n,t)-+function(e,t){var n,a,r,o,i,l,u,s;const c=I(),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=G(e,t),h=C(e,0);return h.setFullYear(m,0,d),h.setHours(0,0,0,0),O(h,t)}(n,t);return Math.round(a/N)+1}function $(e,t){return(e<0?"-":"")+Math.abs(e).toString().padStart(t,"0")}var V={y(e,t){const n=e.getFullYear(),a=n>0?n:1-n;return $("yy"===t?a%100:a,t.length)},M(e,t){const n=e.getMonth();return"M"===t?String(n+1):$(n+1,2)},d:(e,t)=>$(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)=>$(e.getHours()%12||12,t.length),H:(e,t)=>$(e.getHours(),t.length),m:(e,t)=>$(e.getMinutes(),t.length),s:(e,t)=>$(e.getSeconds(),t.length),S(e,t){const n=t.length,a=e.getMilliseconds();return $(Math.trunc(a*Math.pow(10,n-3)),t.length)}},K="midnight",_="noon",Z="morning",ee="afternoon",te="evening",ne="night",ae={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 V.y(e,t)},Y:function(e,t,n,a){const r=G(e,a),o=r>0?r:1-r;if("YY"===t){return $(o%100,2)}return"Yo"===t?n.ordinalNumber(o,{unit:"year"}):$(o,t.length)},R:function(e,t){return $(E(e),t.length)},u:function(e,t){return $(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 $(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 $(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 V.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 $(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=J(e,a);return"wo"===t?n.ordinalNumber(r,{unit:"week"}):$(r,t.length)},I:function(e,t,n){const a=X(e);return"Io"===t?n.ordinalNumber(a,{unit:"week"}):$(a,t.length)},d:function(e,t,n){return"do"===t?n.ordinalNumber(e.getDate(),{unit:"date"}):V.d(e,t)},D:function(e,t,n){const a=B(e);return"Do"===t?n.ordinalNumber(a,{unit:"dayOfYear"}):$(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 $(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 $(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 $(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?_:0===a?K: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?te:a>=12?ee:a>=4?Z:ne,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 V.h(e,t)},H:function(e,t,n){return"Ho"===t?n.ordinalNumber(e.getHours(),{unit:"hour"}):V.H(e,t)},K:function(e,t,n){const a=e.getHours()%12;return"Ko"===t?n.ordinalNumber(a,{unit:"hour"}):$(a,t.length)},k:function(e,t,n){let a=e.getHours();return 0===a&&(a=24),"ko"===t?n.ordinalNumber(a,{unit:"hour"}):$(a,t.length)},m:function(e,t,n){return"mo"===t?n.ordinalNumber(e.getMinutes(),{unit:"minute"}):V.m(e,t)},s:function(e,t,n){return"so"===t?n.ordinalNumber(e.getSeconds(),{unit:"second"}):V.s(e,t)},S:function(e,t){return V.S(e,t)},X:function(e,t,n){const a=e.getTimezoneOffset();if(0===a)return"Z";switch(t){case"X":return oe(a);case"XXXX":case"XX":return ie(a);default:return ie(a,":")}},x:function(e,t,n){const a=e.getTimezoneOffset();switch(t){case"x":return oe(a);case"xxxx":case"xx":return ie(a);default:return ie(a,":")}},O:function(e,t,n){const a=e.getTimezoneOffset();switch(t){case"O":case"OO":case"OOO":return"GMT"+re(a,":");default:return"GMT"+ie(a,":")}},z:function(e,t,n){const a=e.getTimezoneOffset();switch(t){case"z":case"zz":case"zzz":return"GMT"+re(a,":");default:return"GMT"+ie(a,":")}},t:function(e,t,n){return $(Math.trunc(e.getTime()/1e3),t.length)},T:function(e,t,n){return $(e.getTime(),t.length)}};function re(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+$(o,2)}function oe(e,t){if(e%60==0){return(e>0?"-":"+")+$(Math.abs(e)/60,2)}return ie(e,t)}function ie(e,t=""){const n=e>0?"-":"+",a=Math.abs(e);return n+$(Math.trunc(a/60),2)+t+$(a%60,2)}var le=(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"})}},ue=(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"})}},se={p:ue,P:(e,t)=>{const n=e.match(/(P+)(p+)?/)||[],a=n[1],r=n[2];if(!r)return le(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}}",le(a,t)).replace("{{time}}",ue(r,t))}},ce=/^D+$/,de=/^Y+$/,me=["D","DD","YY","YYYY"];var he=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,fe=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,ge=/^'([^]*?)'?$/,pe=/''/g,we=/[a-zA-Z]/;function be(e,t,n){var a,r,o,i,l,u,s,c,d,m,h,f,g,p,w,b,v,y;const M=I(),k=null!=(r=null!=(a=null==n?void 0:n.locale)?a:M.locale)?r:R,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!=(p=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)?p:M.weekStartsOn)?v:null==(b=null==(w=M.locale)?void 0:w.options)?void 0:b.weekStartsOn)?y:0,D=x(e);if(!Y(D))throw new RangeError("Invalid time value");let C=t.match(fe).map((e=>{const t=e[0];if("p"===t||"P"===t){return(0,se[t])(e,k.formatLong)}return e})).join("").match(he).map((e=>{if("''"===e)return{isToken:!1,value:"'"};const t=e[0];if("'"===t)return{isToken:!1,value:ve(e)};if(ae[t])return{isToken:!0,value:e};if(t.match(we))throw new RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}}));k.localize.preprocessor&&(C=k.localize.preprocessor(D,C));const N={firstWeekContainsDate:P,weekStartsOn:S,locale:k};return C.map((a=>{if(!a.isToken)return a.value;const r=a.value;(!(null==n?void 0:n.useAdditionalWeekYearTokens)&&function(e){return de.test(e)}(r)||!(null==n?void 0:n.useAdditionalDayOfYearTokens)&&function(e){return ce.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),me.includes(e))throw new RangeError(a)}(r,t,String(e));return(0,ae[r[0]])(D,r,k.localize,N)})).join("")}function ve(e){const t=e.match(ge);return t?t[1].replace(pe,"'"):e}var ye="SUI-CalendarRoot-module-calendar-YEe-7",Me="SUI-CalendarRoot-module-months--6KTQ",ke="SUI-CalendarRoot-module-month-aa13w",Pe="SUI-CalendarRoot-module-captionLabel-Q-PII",Se="SUI-CalendarRoot-module-disabled-LmYOQ",De="SUI-CalendarRoot-module-error-qiefI",xe=t=>{var n=t,{disabled:a,error:r,className:o,classNames:i,calendarClassName:l,numberOfMonths:u=1}=n,c=D(n,["disabled","error","className","classNames","calendarClassName","numberOfMonths"]);return e.createElement(g,S(P({disabled:a,className:s(ye,"globals_rdp",{[o||""]:o})},c),{numberOfMonths:u,classNames:P(P(S(P({},i),{caption_label:s(Pe,{[(null==i?void 0:i.caption_label)||""]:null==i?void 0:i.caption_label})}),1===u?{month:s({[ke]:1===u,[Se]:a,[l||""]:l,[(null==i?void 0:i.month)||""]:null==i?void 0:i.month,[De]:r})}:{}),u>1?{months:s({[De]:r,[Me]:u>1,[Se]:a,[(null==i?void 0:i.months)||""]:null==i?void 0:i.months,[l||""]:l})}:{})}))},Ce="SUI-MultipleDatePicker-module-root-yCjFT",Ne="SUI-MultipleDatePicker-module-inputRoot-Pim6h",We="SUI-MultipleDatePicker-module-calendar-jdoCX",Ie="SUI-MultipleDatePicker-module-label-GKNnc",Oe="SUI-MultipleDatePicker-module-disableShrink-7KzJu",Te="SUI-MultipleDatePicker-module-disabledLabel-dUcSK",Ee="SUI-MultipleDatePicker-module-labelPlaceholder-URdOA",Ue="SUI-MultipleDatePicker-module-labelFocused-W4M7v",Fe="SUI-MultipleDatePicker-module-input-x5q9i",Ye="SUI-MultipleDatePicker-module-focus-99pwR",je="SUI-MultipleDatePicker-module-notFocus-fjmmR",qe="SUI-MultipleDatePicker-module-inputError-dQODc",He="SUI-MultipleDatePicker-module-errorLabel-x3su4",Le="SUI-MultipleDatePicker-module-disabled-1aaRP",ze="SUI-MultipleDatePicker-module-innerInput-9WNIF",Qe="SUI-MultipleDatePicker-module-control-CuaRH",Ae="SUI-MultipleDatePicker-module-menu-9Hb7f",Re="SUI-MultipleDatePicker-module-option-Jn4gr",Be="SUI-MultipleDatePicker-module-optionFocused-2kN-3",Xe="SUI-MultipleDatePicker-module-singleValue-5A3XF",Ge="SUI-MultipleDatePicker-module-placeholder-0MoP6",Je="SUI-MultipleDatePicker-module-indicatorsContainer-xoTk3",$e="SUI-MultipleDatePicker-module-indicatorSeparator-zRu3E",Ve="SUI-MultipleDatePicker-module-clearIndicator-ho8TQ",Ke="SUI-MultipleDatePicker-module-multiValueRemove-Xtqzu",_e="SUI-MultipleDatePicker-module-multiValue-4L7u8",Ze="SUI-MultipleDatePicker-module-valueContainer-sTkn0",et="SUI-MultipleDatePicker-module-popper-5FAm9",tt="SUI-MultipleDatePicker-module-icon-gvYw-",nt=m(),at=t(((t,m)=>{var g=t,{name:p,onChange:w,error:b=null,label:v=null,placeholder:y=null,value:M=[],locale:k=null,format:x="MM/dd/yyyy",inputClassName:C=null,labelClassName:N=null,errorClassName:W=null,calendarClassName:I=null,disableShrink:O=!1,disabled:T=!1,classNames:E=null,components:U=null,onFocus:F=()=>({}),onBlur:Y=()=>({})}=g,j=D(g,["name","onChange","error","label","placeholder","value","locale","format","inputClassName","labelClassName","errorClassName","calendarClassName","disableShrink","disabled","classNames","components","onFocus","onBlur"]);const[q,H]=n(!1),L=a(null);r(m,(()=>null==L?void 0:L.current));const z=a(null),[Q,A]=n(null),R=h(z.current,Q,{placement:"bottom-end"}),B=null==M?void 0:M.map(((e,t)=>({value:t,label:e.toString()}))),X=o((e=>{w({target:{name:p,value:e.map((e=>new Date(e.label)))}})}),[p,w]),G=i((()=>e.createElement("label",{htmlFor:p,className:s(Ie,{[Oe]:O,[Te]:T,[Ee]:v&&y&&!O,[Ue]:v&&0!==(null==M?void 0:M.length)&&!!M&&!O||v&&0!==(null==M?void 0:M.length)&&!!M&&!O,[N]:N}),onClick:()=>{var e,t;try{const n=document.querySelectorAll(`[name="${p}"]`);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==L?void 0:L.current)||t.focus(),H((e=>!e))}catch(e){throw e}}},v)),[T,p,O,v,N,y,M]);l((()=>{var e;q||null==(e=null==L?void 0:L.current)||e.blur()}),[q]);const J=()=>{H(!1)},$=i((()=>"string"==typeof b?b:b&&"object"==typeof b&&b.message?b.message:null),[b]);return e.createElement("div",{className:s(Ce)},e.createElement("div",{className:s(Ne)},v&&O?G:null,e.createElement("div",null,e.createElement("div",{ref:z},e.createElement(c,S(P({instanceId:u(),classNames:S(P({input:()=>ze,menu:()=>Ae,option:e=>e.isFocused?Be:Re,singleValue:()=>Xe,placeholder:()=>Ge,indicatorSeparator:()=>$e,indicatorsContainer:()=>Je,clearIndicator:()=>Ve,multiValue:()=>_e,valueContainer:()=>v&&!O?Ze:null,multiValueRemove:()=>Ke},E),{control:e=>{var t,n;return s(Fe,{[Qe]:!O&&v,[Ye]:q,[je]:!q,[qe]:"boolean"==typeof b&&b,[Le]:e.isDisabled,[C]:C,[null==(t=null==E?void 0:E.control)?void 0:t.call(E,e)]:null==(n=null==E?void 0:E.control)?void 0:n.call(E,e)})}}),placeholder:y,name:p,isDisabled:T,onFocus:e=>{null==F||F(e),H(!0)},onBlur:e=>{null==Y||Y(e),H(!1)},components:S(P(P({},nt),U),{Control:t=>{var n=t,{innerProps:a,children:r}=n,o=D(n,["innerProps","children"]);return e.createElement(d.Control,S(P({},o),{innerProps:S(P({},a),{onClick:()=>{H((e=>!e))}})}),r)},DropdownIndicator:t=>e.createElement(d.DropdownIndicator,P({},t),e.createElement("svg",{className:tt,onClick:()=>H((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"})))})},j),{menuIsOpen:!1,options:B,isMulti:!0,isSearchable:!1,value:null==M?void 0:M.map(((e,t)=>({value:t,label:e instanceof Date?be(e,x,k?{locale:k}:{}):e}))),onChange:X}))),q&&e.createElement(f,{enabled:q,autoFocus:!0,onClickOutside:J,onEscapeKey:J,onDeactivation:J,scrollLock:!1},e.createElement("div",S(P({className:et,style:R.styles.popper},R.attributes.popper),{ref:A,role:"dialog","aria-label":"Calendar"}),e.createElement(xe,S(P({error:b,className:We,calendarClassName:I,disabled:T,initialFocus:q,selected:M,onSelect:e=>{w({target:{name:p,value:e}})}},j),{mode:"multiple"}))))),v&&!O?G:null),$?e.createElement("span",{className:s(He,{[W]:W})},$):null)}));at.displayName="MultipleDatePicker";var rt=at;export{rt as default};