@soyfri/shared-library 2.0.0-beta.2 → 2.0.0-beta.20

package/storybook-static/assets/DateRangePicker.stories-BMlkj-8K.js

@@ -0,0 +1,390 @@
+import{j as g}from"./jsx-runtime-D_zvdyIk.js";import{r as p}from"./iframe-BAJnc_4n.js";import{a as Ze,g as Pt,r as pa,b as ma,c as fa,e as ha,u as K,f as ya,h as Ce,i as Pa,P as Ra,j as tt,m as Ge,k as xa,l as ba,n as Ma,o as va,p as Sa,q as ka,D as Mt,s as wa,t as Ca,v as Ia,w as Ta,x as Ya,y as ja,z as Ea,A as Aa,B as Rt,C as Oa,E as Na,F as Fa,G as Va,H as $a,I as La,J as vt,K as St,L as kt,M as Ba,N as wt,O as o,Q as Ct,R as _a,S as Ha,T as Ua,d as H}from"./PickersModalDialog-Tjnr_cu5.js";import{_ as d,g as at,a as Ie,s as X,c as nt,d as rt,e as Wa}from"./DefaultPropsProvider-BGoQxtDa.js";import{_ as L,u as Y}from"./useTimeout-DNjRaOWc.js";import{u as It}from"./index-CIeucmOB.js";import{u as ne}from"./useThemeProps-U4yXiZ_5.js";import{P as xt}from"./PickersToolbarButton-Tt185-si.js";import{T as q}from"./Typography-BgntX2Ep.js";import{u as Xa}from"./useControlled-DsVh1a5j.js";import{u as za}from"./useId-b4fZxjOL.js";import{u as ot}from"./useSlotProps-C0uMfuBt.js";import{r as Te}from"./useSlot-b6pXgp5_.js";import{B as re}from"./Box-BnhEcfFm.js";import"./preload-helper-PPVm8Dsz.js";import"./useForkRef-0ANIrxcF.js";import"./Fade-Ll96CvH8.js";import"./useTheme-BmOJK7ra.js";import"./extendSxProp-CEpa30hT.js";import"./getReactElementRef-BQ3ANZdy.js";import"./index-CY7j4a7o.js";import"./index-BF3FAXTk.js";import"./Grow-8y4FglGK.js";import"./Modal-3okp9H2i.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-Cj8XF9Lf.js";import"./Paper-SwQBhqI7.js";import"./Popper-CnCTYXxy.js";import"./Button-DBpqmVB_.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./ButtonBase-qyaMEhe4.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./isFocusVisible-B8k4qzLc.js";import"./CircularProgress-DC7ZNWwl.js";import"./DialogContent-BeCDKgax.js";import"./ListItem-D3O0103N.js";import"./Menu-ClzfjLc3.js";import"./debounce-Be36O1Ab.js";import"./mergeSlotProps-B0UBKBMe.js";import"./isMuiElement-CTZSFcY5.js";import"./Chip-C3vKPpzR.js";import"./createSvgIcon-D_Gca4vA.js";import"./TextField-22T-xHBm.js";import"./Select-DJh2biEb.js";import"./visuallyHidden-Dan1xhjv.js";import"./IconButton-9OYSTH58.js";import"./useThemeProps-DYtxXiUU.js";const pe=e=>{const t=[],a=[];return e.forEach(n=>{n.dateName==="start"?t.push(n):a.push(n)}),{startDate:t,endDate:a}},qa=e=>e.map((t,a)=>a===e.length-1?d({},t,{separator:null}):t);function Tt(e){return e.fieldType??"multi-input"}const Ka=["value","referenceDate"],de={emptyValue:[null,null],getTodayValue:(e,t,a)=>[Pt(e,t,a),Pt(e,t,a)],getInitialReferenceValue:e=>{let{value:t,referenceDate:a}=e,n=L(e,Ka);const r=n.adapter.isValid(t[0]),s=n.adapter.isValid(t[1]);if(r&&s)return t;const i=a??ma(n),c=Array.isArray(i)?i[0]:i,l=Array.isArray(i)?i[1]:i;return[r?t[0]:c,s?t[1]:l]},cleanValue:(e,t)=>t.map(a=>pa(e,a)),areValuesEqual:(e,t,a)=>Ze(e,t[0],a[0])&&Ze(e,t[1],a[1]),isSameError:(e,t)=>t!==null&&e[1]===t[1]&&e[0]===t[0],hasError:e=>e[0]!=null||e[1]!=null,defaultErrorState:[null,null],getTimezone:(e,t)=>{const a=e.isValid(t[0])?e.getTimezone(t[0]):null,n=e.isValid(t[1])?e.getTimezone(t[1]):null;if(a!=null&&n!=null&&a!==n)throw new Error("MUI X: The timezone of the start and the end date should be the same.");return a??n},setTimezone:(e,t,a)=>[a[0]==null?null:e.setTimezone(a[0],t),a[1]==null?null:e.setTimezone(a[1],t)]},Ga=({dateSeparator:e="–"})=>({updateReferenceValue:(t,a,n)=>{const r=t.isValid(a[0]),s=t.isValid(a[1]);return!r&&!s?n:r&&s?a:r?[a[0],n[0]]:[n[1],a[1]]},getSectionsFromValue:([t,a],n)=>{const r=(s,i)=>{const c=n(s);return c.map((l,u)=>u===c.length-1&&i==="start"?d({},l,{dateName:i,endSeparator:`${l.endSeparator} ${e} `}):d({},l,{dateName:i}))};return[...r(t,"start"),...r(a,"end")]},getV7HiddenInputValueFromSections:t=>{const a=pe(t);return ha([...a.startDate,...a.endDate])},getV6InputValueFromSections:(t,a,n)=>{const r=pe(t);return fa([...r.startDate,...r.endDate],a,n)},parseValueStr:(t,a,n)=>{const[r,s]=t.split(e);return[r,s].map((i,c)=>i==null?null:n(i.trim(),a[c]))},getDateFromSection:(t,a)=>t[me(a)],getDateSectionsFromValue:(t,a)=>{const n=pe(t);return me(a)===0?qa(n.startDate):n.endDate},updateDateInValue:(t,a,n)=>me(a)===0?[n,t[1]]:[t[0],n],clearDateSections:(t,a)=>{const n=pe(t);return me(a)===0?[...n.startDate.map(r=>d({},r,{value:""})),...n.endDate]:[...n.startDate,...n.endDate.map(r=>d({},r,{value:""}))]}});function me(e){return e==null||e.dateName==="start"?0:1}function Qa(e){return at("MuiDateRangePickerToolbar",e)}Ie("MuiDateRangePickerToolbar",["root","container"]);const Ye=p.createContext(null);function Ja(){const e=p.useContext(Ye);if(e==null)throw new Error(["MUI X: The `usePickerRangePositionContext` can only be called in components that are used inside a picker component"].join(`
+`));return e}function Za(){return p.useContext(Ye)}const en=["toolbarFormat","className","classes"],tn=e=>rt({root:["root"],container:["container"]},Qa,e),an=X(Ra,{name:"MuiDateRangePickerToolbar",slot:"Root"})({}),nn=X("div",{name:"MuiDateRangePickerToolbar",slot:"Container"})({display:"flex"}),rn=p.forwardRef(function(t,a){const n=K(),r=ne({props:t,name:"MuiDateRangePickerToolbar"}),{toolbarFormat:s,className:i,classes:c}=r,l=L(r,en),{value:u}=ya(),P=Ce(),y=Pa(),{rangePosition:M,setRangePosition:x}=Ja(),S=tn(c),T=s??n.formats.shortDate,C=(b,j)=>n.isValid(b)?n.formatByString(b,T):j;return g.jsx(an,d({},l,{toolbarTitle:P.dateRangePickerToolbarTitle,className:nt(S.root,i),ownerState:y,ref:a,children:g.jsxs(nn,{className:S.container,children:[g.jsx(xt,{variant:u[0]==null?"h6":"h5",value:C(u[0],P.start),selected:M==="start",onClick:()=>x("start")}),g.jsxs(q,{variant:"h5",children:[" ","–"," "]}),g.jsx(xt,{variant:u[1]==null?"h6":"h5",value:C(u[1],P.end),selected:M==="end",onClick:()=>x("end")})]})}))});function Yt(e,t){const a=ne({props:e,name:t}),n=tt(a),r=p.useMemo(()=>a.localeText?.toolbarTitle==null?a.localeText:d({},a.localeText,{dateRangePickerToolbarTitle:a.localeText.toolbarTitle}),[a.localeText]);return d({},a,n,{localeText:r,slots:d({toolbar:rn},a.slots)})}const jt=[];let J=0;for(;J<64;)jt[J]=0|Math.sin(++J%Math.PI)*4294967296;function on(e){const t=[];let a,n,r,s=unescape(encodeURI(e))+"€",i=s.length;const c=[a=1732584193,n=4023233417,~a,~n];for(e=--i/4+2|15,t[--e]=i*8;~i;)t[i>>2]|=s.charCodeAt(i)<<8*i--;for(J=s=0;J<e;J+=16){for(i=c;s<64;i=[r=i[3],a+((r=i[0]+[a&n|~a&r,r&a|~r&n,a^n^r,n^(a|~r)][i=s>>4]+jt[s]+~~t[J|[s,5*s+1,3*s+5,7*s][i]&15])<<(i=[7,12,17,22,5,9,14,20,4,11,16,23,6,10,15,21][4*i+s++%4])|r>>>-i),a,n])a=i[1]|0,n=i[2];for(s=4;s;)c[--s]+=i[s]}for(e="";s<32;)e+=(c[s>>3]>>(1^s++)*4&15).toString(16);return e}const fe="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",Et=e=>{let t="",a,n,r,s,i,c,l,u=0;for(e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");u<e.length;)s=fe.indexOf(e.charAt(u++)),i=fe.indexOf(e.charAt(u++)),c=fe.indexOf(e.charAt(u++)),l=fe.indexOf(e.charAt(u++)),a=s<<2|i>>4,n=(i&15)<<4|c>>2,r=(c&3)<<6|l,t=t+String.fromCharCode(a),c!=64&&(t=t+String.fromCharCode(n)),l!=64&&(t=t+String.fromCharCode(r));return t},sn=["pro","premium"],ln=["perpetual","annual","subscription"],cn=typeof window<"u"&&window.location.hostname.endsWith(".csb.app");function oe(e){(cn?console.log:console.error)(["*************************************************************","",...e,"","*************************************************************"].join(`
+`))}function dn(){oe(["MUI X: Invalid license key.","","Your MUI X license key format isn't valid. It could be because the license key is missing a character or has a typo.","","To solve the issue, you need to double check that `setLicenseKey()` is called with the right argument","Please check the license key installation https://mui.com/r/x-license-key-installation."])}function un(){oe(["MUI X: License key plan mismatch.","","Your use of MUI X is not compatible with the plan of your license key. The feature you are trying to use is not included in the plan of your license key. This happens if you try to use Data Grid Premium with a license key for the Pro plan.","","To solve the issue, you can upgrade your plan from Pro to Premium at https://mui.com/r/x-get-license?scope=premium.","Of if you didn't intend to use Premium features, you can replace the import of `@mui/x-data-grid-premium` with `@mui/x-data-grid-pro`."])}function gn(){oe(["MUI X: Component not included in your license.","","The component you are trying to use is not included in the Pro Plan you purchased.","","Your license is from an old version of the Pro Plan that is only compatible with the `@mui/x-data-grid-pro` and `@mui/x-date-pickers-pro` commercial packages.","","To start using another Pro package, please consider reaching to our sales team to upgrade your license or visit https://mui.com/r/x-get-license to get a new license key."])}function Dn({plan:e,packageName:t}){oe(["MUI X: Missing license key.","",`The license key is missing. You might not be allowed to use \`${t}\` which is part of MUI X ${e}.`,"","To solve the issue, you can check the free trial conditions: https://mui.com/r/x-license-trial.","If you are eligible no actions are required. If you are not eligible to the free trial, you need to purchase a license https://mui.com/r/x-get-license or stop using the software immediately."])}function pn({packageName:e}){oe(["MUI X: Expired package version.","",`You have installed a version of \`${e}\` that is outside of the maintenance plan of your license key. By default, commercial licenses provide access to new versions released during the first year after the purchase.`,"","To solve the issue, you can renew your license https://mui.com/r/x-get-license or install an older version of the npm package that is compatible with your license key."])}function mn({plan:e,licenseKey:t,expiryTimestamp:a}){oe(["MUI X: Expired license key.","",`Your annual license key to use MUI X ${e} in non-production environments has expired. If you are seeing this development console message, you might be close to breach the license terms by making direct or indirect changes to the frontend of an app that render a MUI X ${e} component (more details in https://mui.com/r/x-license-annual).`,"","To solve the problem you can either:","","- Renew your license https://mui.com/r/x-get-license and use the new key",`- Stop making changes to code depending directly or indirectly on MUI X ${e}'s APIs`,"","Note that your license is perpetual in production environments with any version released before your license term ends.","",`- License key expiry timestamp: ${new Date(a)}`,`- Installed license key: ${t}`,""])}function fn({plan:e,licenseKey:t,expiryTimestamp:a}){throw new Error(["MUI X: Expired license key.","",`Your annual license key to use MUI X ${e} in non-production environments has expired. If you are seeing this development console message, you might be close to breach the license terms by making direct or indirect changes to the frontend of an app that render a MUI X ${e} component (more details in https://mui.com/r/x-license-annual).`,"","To solve the problem you can either:","","- Renew your license https://mui.com/r/x-get-license and use the new key",`- Stop making changes to code depending directly or indirectly on MUI X ${e}'s APIs`,"","Note that your license is perpetual in production environments with any version released before your license term ends.","",`- License key expiry timestamp: ${new Date(a)}`,`- Installed license key: ${t}`,""].join(`
+`))}globalThis.__MUI_LICENSE_INFO__=globalThis.__MUI_LICENSE_INFO__||{key:void 0};class we{static getLicenseInfo(){return globalThis.__MUI_LICENSE_INFO__}static getLicenseKey(){return we.getLicenseInfo().key}static setLicenseKey(t){const a=we.getLicenseInfo();a.key=t}}let v=(function(e){return e.NotFound="NotFound",e.Invalid="Invalid",e.ExpiredAnnual="ExpiredAnnual",e.ExpiredAnnualGrace="ExpiredAnnualGrace",e.ExpiredVersion="ExpiredVersion",e.Valid="Valid",e.OutOfScope="OutOfScope",e.NotAvailableInInitialProPlan="NotAvailableInInitialProPlan",e})({});function hn(e,t){let a;return e.includes("-pro")?a=["pro","premium"]:e.includes("-premium")?a=["premium"]:a=[],a.includes(t)}const yn=/^.*EXPIRY=([0-9]+),.*$/,Pn=/^.*ORDER:([0-9]+),.*$/,Rn=["x-data-grid-pro","x-date-pickers-pro"];function xn(e){let t,a;try{t=parseInt(e.match(yn)[1],10),(!t||Number.isNaN(t))&&(t=null),a=parseInt(e.match(Pn)[1],10),(!a||Number.isNaN(a))&&(a=null)}catch{t=null,a=null}return{version:1,licenseModel:"perpetual",planScope:"pro",planVersion:"initial",expiryTimestamp:t,expiryDate:t?new Date(t):null,orderId:a}}function bn(e){const t={version:2,licenseModel:null,planScope:null,planVersion:"initial",expiryTimestamp:null,expiryDate:null,orderId:null};return e.split(",").map(a=>a.split("=")).filter(a=>a.length===2).forEach(([a,n])=>{if(a==="S"&&(t.planScope=n),a==="LM"&&(t.licenseModel=n),a==="E"){const r=parseInt(n,10);r&&!Number.isNaN(r)&&(t.expiryTimestamp=r,t.expiryDate=new Date(r))}if(a==="PV"&&(t.planVersion=n),a==="O"){const r=parseInt(n,10);r&&!Number.isNaN(r)&&(t.orderId=r)}}),t}function Mn(e){const t=Et(e);return t.includes("KEYVERSION=1")?xn(t):t.includes("KV=2")?bn(t):null}function vn({releaseInfo:e,licenseKey:t,packageName:a}){if(!e)throw new Error("MUI X: The release information is missing. Not able to validate license.");if(!t)return{status:v.NotFound};const n=t.substr(0,32),r=t.substr(32);if(n!==on(r))return{status:v.Invalid};const s=Mn(r);if(s==null)return console.error("MUI X: Error checking license. Key version not found!"),{status:v.Invalid};if(s.licenseModel==null||!ln.includes(s.licenseModel))return console.error("MUI X: Error checking license. License model not found or invalid!"),{status:v.Invalid};if(s.expiryTimestamp==null)return console.error("MUI X: Error checking license. Expiry timestamp not found or invalid!"),{status:v.Invalid};s.licenseModel;{const i=parseInt(Et(e),10);if(Number.isNaN(i))throw new Error("MUI X: The release information is invalid. Not able to validate license.");if(s.expiryTimestamp<i)return{status:v.ExpiredVersion}}return s.planScope==null||!sn.includes(s.planScope)?(console.error("MUI X: Error checking license. planScope not found or invalid!"),{status:v.Invalid}):hn(a,s.planScope)?s.planVersion==="initial"&&s.planScope==="pro"&&!Rn.includes(a)?{status:v.NotAvailableInInitialProPlan}:{status:v.Valid}:{status:v.OutOfScope}}const Sn=()=>null,kn={licenseVerification:Sn};/**
+ * @mui/x-telemetry v8.11.3
+ *
+ * @license SEE LICENSE IN LICENSE
+ * This source code is licensed under the SEE LICENSE IN LICENSE license found in the
+ * LICENSE file in the root directory of this source tree.
+ */const wn=()=>{},Cn=wn,In=p.createContext({key:void 0}),he={};function je(e,t){const{key:a}=p.useContext(In);return p.useMemo(()=>{const n=a??we.getLicenseKey();if(he[e]&&he[e].key===n)return he[e].licenseVerifier;const r=e.includes("premium")?"Premium":"Pro",s=vn({releaseInfo:t,licenseKey:n,packageName:e}),i=`@mui/${e}`;return Cn(kn.licenseVerification({licenseKey:n},{packageName:e,packageReleaseInfo:t,licenseStatus:s?.status})),s.status===v.Valid||(s.status===v.Invalid?dn():s.status===v.NotAvailableInInitialProPlan?gn():s.status===v.OutOfScope?un():s.status===v.NotFound?Dn({plan:r,packageName:i}):s.status===v.ExpiredAnnualGrace?mn(d({plan:r},s.meta)):s.status===v.ExpiredAnnual?fn(d({plan:r},s.meta)):s.status===v.ExpiredVersion&&pn({packageName:i})),he[e]={key:n,licenseVerifier:s},s},[e,t,a])}const Tn=Object.is;function Yn(e,t){if(e===t)return!0;if(!(e instanceof Object)||!(t instanceof Object))return!1;let a=0,n=0;for(const r in e)if(a+=1,!Tn(e[r],t[r])||!(r in t))return!1;for(const r in t)n+=1;return a===n}function jn(e){return p.memo(e,Yn)}function En(e){switch(e){case v.ExpiredAnnualGrace:case v.ExpiredAnnual:return"MUI X Expired license key";case v.ExpiredVersion:return"MUI X Expired package version";case v.Invalid:return"MUI X Invalid license key";case v.OutOfScope:return"MUI X License key plan mismatch";case v.NotAvailableInInitialProPlan:return"MUI X Product not covered by plan";case v.NotFound:return"MUI X Missing license key";default:throw new Error("Unhandled MUI X license status.")}}function An(e){const{packageName:t,releaseInfo:a}=e,n=je(t,a);return n.status===v.Valid?null:g.jsx("div",{style:{position:"absolute",pointerEvents:"none",color:"#8282829e",zIndex:1e5,width:"100%",textAlign:"center",bottom:"50%",right:0,letterSpacing:5,fontSize:24},children:En(n.status)})}const On=jn(An),Nn=e=>at("MuiDateRangeCalendar",e),bt=Ie("MuiDateRangeCalendar",["root","monthContainer","dayDragging"]),se=(e,t)=>e.isValid(t[0])&&e.isValid(t[1])&&!e.isBefore(t[1],t[0]),Qe=(e,t,a)=>se(e,a)&&e.isWithinRange(t,a),ve=(e,t,a)=>se(e,a)&&e.isSameDay(t,a[0]),ce=(e,t,a)=>se(e,a)&&e.isSameDay(t,a[1]),Fn=(e,t,a)=>se(e,t)?`${e.format(t[0],a)} - ${e.format(t[1],a)}`:null;function At(e,t){return Array.isArray(e)?t==="start"?e[0]:e[1]:e}function et({adapter:e,range:t,newDate:a,rangePosition:n,allowRangeFlip:r=!1,shouldMergeDateAndTime:s=!1,referenceDate:i}){const c=e.isValid(t[0])?t[0]:null,l=e.isValid(t[1])?t[1]:null;s&&a&&(c&&n==="start"&&(a=Ge(e,a,c)),l&&n==="end"&&(a=Ge(e,a,l)));const u=i&&a&&s?Ge(e,a,At(i,n)):a;if(n==="start"){const y=r?{nextSelection:"start",newRange:[l,u]}:{nextSelection:"end",newRange:[u,null]};return l&&e.isAfter(u,l)?y:{nextSelection:"end",newRange:[u,l]}}const P=r?{nextSelection:"end",newRange:[u,c]}:{nextSelection:"end",newRange:[u,null]};return c&&e.isBeforeDay(u,c)?P:{nextSelection:"start",newRange:[c,u]}}function Vn(e){if(e.newDate==null)return[null,null];const[t,a]=e.range,{newRange:n}=et(e);if(!t||!a)return n;const[r,s]=n;return e.rangePosition==="end"?[a,s]:[r,t]}function $n(e){return at("MuiDateRangePickerDay",e)}const w=Ie("MuiDateRangePickerDay",["root","rangeIntervalDayHighlight","rangeIntervalDayHighlightStart","rangeIntervalDayHighlightEnd","rangeIntervalPreview","rangeIntervalDayPreview","rangeIntervalDayPreviewStart","rangeIntervalDayPreviewEnd","outsideCurrentMonth","startOfMonth","endOfMonth","firstVisibleCell","lastVisibleCell","hiddenDayFiller","day","dayOutsideRangeInterval","dayInsideRangeInterval","notSelectedDate"]),Ln=["className","classes","isEndOfHighlighting","isEndOfPreviewing","isHighlighting","isPreviewing","isStartOfHighlighting","isStartOfPreviewing","isVisuallySelected","sx","draggable","isFirstVisibleCell","isLastVisibleCell","day","selected","disabled","today","outsideCurrentMonth","disableMargin","disableHighlightToday","showDaysOutsideCurrentMonth"],Bn=(e,t)=>{const{isDaySelected:a,isDayOutsideMonth:n,isDaySelectionStart:r,isDaySelectionEnd:s,isDayInsideSelection:i,isDayPreviewStart:c,isDayPreviewEnd:l,isDayPreviewed:u,isDayStartOfMonth:P,isDayEndOfMonth:y,isDayFirstVisibleCell:M,isDayLastVisibleCell:x,isDayFillerCell:S}=t;return rt({root:["root",a&&"rangeIntervalDayHighlight",r&&"rangeIntervalDayHighlightStart",s&&"rangeIntervalDayHighlightEnd",n&&"outsideCurrentMonth",P&&"startOfMonth",y&&"endOfMonth",M&&"firstVisibleCell",x&&"lastVisibleCell",S&&"hiddenDayFiller"],rangeIntervalPreview:["rangeIntervalPreview",u&&"rangeIntervalDayPreview",(c||P)&&"rangeIntervalDayPreviewStart",(l||y)&&"rangeIntervalDayPreviewEnd"],day:["day",!a&&"notSelectedDate",!a&&"dayOutsideRangeInterval",!i&&"dayInsideRangeInterval"]},$n,e)},Se={borderTopRightRadius:"50%",borderBottomRightRadius:"50%"},ke={borderTopLeftRadius:"50%",borderBottomLeftRadius:"50%"},_n=X("div",{name:"MuiDateRangePickerDay",slot:"Root",overridesResolver:(e,t)=>[{[`&.${w.rangeIntervalDayHighlight}`]:t.rangeIntervalDayHighlight},{[`&.${w.rangeIntervalDayHighlightStart}`]:t.rangeIntervalDayHighlightStart},{[`&.${w.rangeIntervalDayHighlightEnd}`]:t.rangeIntervalDayHighlightEnd},{[`&.${w.firstVisibleCell}`]:t.firstVisibleCell},{[`&.${w.lastVisibleCell}`]:t.lastVisibleCell},{[`&.${w.startOfMonth}`]:t.startOfMonth},{[`&.${w.endOfMonth}`]:t.endOfMonth},{[`&.${w.outsideCurrentMonth}`]:t.outsideCurrentMonth},{[`&.${w.hiddenDayFiller}`]:t.hiddenDayFiller},t.root]})(({theme:e})=>({variants:[{props:{isDayFillerCell:!1},style:{[`&:first-of-type .${w.rangeIntervalDayPreview}`]:d({},ke,{borderLeftColor:(e.vars||e).palette.divider}),[`&:last-of-type .${w.rangeIntervalDayPreview}`]:d({},Se,{borderRightColor:(e.vars||e).palette.divider})}},{props:{isDayFillerCell:!1,isDaySelected:!0},style:{borderRadius:0,color:(e.vars||e).palette.primary.contrastText,backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.focusOpacity})`:Wa(e.palette.primary.main,e.palette.action.focusOpacity),"&:first-of-type":ke,"&:last-of-type":Se}},{props:({ownerState:{isDayFillerCell:t,isDaySelectionStart:a,isDayFirstVisibleCell:n}})=>!t&&(a||n),style:d({},ke,{paddingLeft:0})},{props:({ownerState:{isDayFillerCell:t,isDaySelectionEnd:a,isDayLastVisibleCell:n}})=>!t&&(a||n),style:d({},Se,{paddingRight:0})}]})),Hn=X("div",{name:"MuiDateRangePickerDay",slot:"RangeIntervalPreview",overridesResolver:(e,t)=>[{[`&.${w.rangeIntervalDayPreview}`]:t.rangeIntervalDayPreview},{[`&.${w.rangeIntervalDayPreviewStart}`]:t.rangeIntervalDayPreviewStart},{[`&.${w.rangeIntervalDayPreviewEnd}`]:t.rangeIntervalDayPreviewEnd},t.rangeIntervalPreview]})(({theme:e})=>({border:"2px solid transparent",variants:[{props:{isDayPreviewed:!0,isDayFillerCell:!1},style:{borderRadius:0,border:`2px dashed ${(e.vars||e).palette.divider}`,borderLeftColor:"transparent",borderRightColor:"transparent"}},{props:({ownerState:{isDayPreviewed:t,isDayFillerCell:a,isDayPreviewStart:n,isDayFirstVisibleCell:r}})=>t&&!a&&(n||r),style:d({borderLeftColor:(e.vars||e).palette.divider},ke)},{props:({ownerState:{isDayPreviewed:t,isDayFillerCell:a,isDayPreviewEnd:n,isDayLastVisibleCell:r}})=>t&&!a&&(n||r),style:d({borderRightColor:(e.vars||e).palette.divider},Se)}]})),Un=X(ba,{name:"MuiDateRangePickerDay",slot:"Day",overridesResolver:(e,t)=>[{[`&.${w.dayInsideRangeInterval}`]:t.dayInsideRangeInterval},{[`&.${w.dayOutsideRangeInterval}`]:t.dayOutsideRangeInterval},{[`&.${w.notSelectedDate}`]:t.notSelectedDate},t.day]})({transform:"scale(1.1)","& > *":{transform:"scale(0.9)"},variants:[{props:{draggable:!0},style:{cursor:"grab",touchAction:"none"}}]}),Wn=p.forwardRef(function(t,a){const n=ne({props:t,name:"MuiDateRangePickerDay"}),{className:r,classes:s,isEndOfHighlighting:i,isEndOfPreviewing:c,isHighlighting:l,isPreviewing:u,isStartOfHighlighting:P,isStartOfPreviewing:y,isVisuallySelected:M,sx:x,draggable:S,isFirstVisibleCell:T,isLastVisibleCell:C,day:b,selected:j,disabled:E,today:D,outsideCurrentMonth:h,disableMargin:R,disableHighlightToday:A,showDaysOutsideCurrentMonth:O}=n,B=L(n,Ln);je("x-date-pickers-pro","MTc1ODA2NzIwMDAwMA==");const W=K(),V=xa({day:b,selected:j,disabled:E,today:D,outsideCurrentMonth:h,disableMargin:R,disableHighlightToday:A,showDaysOutsideCurrentMonth:O}),z=d({},V,{isDaySelectionStart:P,isDaySelectionEnd:i,isDayInsideSelection:l&&!P&&!i,isDaySelected:l,isDayPreviewed:u,isDayPreviewStart:y,isDayPreviewEnd:c,isDayInsidePreview:u&&!y&&!c,isDayStartOfMonth:W.isSameDay(b,W.startOfMonth(b)),isDayEndOfMonth:W.isSameDay(b,W.endOfMonth(b)),isDayFirstVisibleCell:T,isDayLastVisibleCell:C,isDayFillerCell:h&&!O}),Q=Bn(s,z);return g.jsx(_n,{className:nt(Q.root,r),ownerState:z,sx:x,children:g.jsx(Hn,{className:Q.rangeIntervalPreview,ownerState:z,children:g.jsx(Un,d({},B,{ref:a,day:b,selected:M,disabled:E,today:D,outsideCurrentMonth:h,disableMargin:!0,disableHighlightToday:A,showDaysOutsideCurrentMonth:O,className:Q.day,ownerState:z,draggable:S,isFirstVisibleCell:T,isLastVisibleCell:C}))})})}),Xn=p.memo(Wn),ae=(e,t,a)=>{const n=e.dataset.timestamp;if(!n)return null;const r=+n;return t.date(new Date(r).toISOString(),a)},zn=e=>e.target.dataset.timestamp===e.dataTransfer.getData("draggingDate"),Ot=e=>e&&(e instanceof HTMLButtonElement&&!e.disabled?e:e.children.length?Ot(e.children[0]):null),Je=(e,t)=>{if(e.changedTouches?.length===1&&e.touches.length<=1){const a=document.elementFromPoint(e.changedTouches[0].clientX,e.changedTouches[0].clientY),n=Ot(a);return t&&n===e.changedTouches[0].target?null:n}return null},qn=({adapter:e,setRangeDragDay:t,setIsDragging:a,isDragging:n,onDatePositionChange:r,onDrop:s,disableDragEditing:i,dateRange:c,timezone:l})=>{const u=p.useRef(null);p.useEffect(()=>{u.current=document.createElement("img"),u.current.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"},[]);const P=D=>{if(D==null)return!1;const h=!i&&!!c[0]&&!!c[1],R=ve(e,D,c),A=ce(e,D,c);return h&&(R||A)},y=Y(D=>{const h=ae(D.target,e,l);if(!P(h))return;D.stopPropagation(),u.current&&D.dataTransfer.setDragImage(u.current,0,0),t(h),D.dataTransfer.effectAllowed="move",a(!0);const R=D.target.dataset;R.timestamp&&D.dataTransfer.setData("draggingDate",R.timestamp),R.position&&r(R.position)}),M=Y(D=>{const h=Je(D);if(!h)return;const R=ae(h,e,l);P(R)&&t(R)}),x=Y(D=>{n&&(D.preventDefault(),D.stopPropagation(),D.dataTransfer.dropEffect="move",t(ae(D.target,e,l)))}),S=Y(D=>{const h=Je(D);if(!h)return;const R=ae(h,e,l);if(R&&t(R),!(h===D.changedTouches[0].target)||!P(R))return;a(!0);const B=D.target.dataset;B.position&&r(B.position)}),T=Y(D=>{n&&(D.preventDefault(),D.stopPropagation())}),C=Y(D=>{n&&(D.preventDefault(),D.stopPropagation(),D.dataTransfer.dropEffect="move")}),b=Y(D=>{if(!n)return;t(null),a(!1);const h=Je(D,!0);if(!h)return;h.focus();const R=ae(h,e,l);R&&s(R)}),j=Y(D=>{n&&(D.preventDefault(),D.stopPropagation(),a(!1),t(null))}),E=Y(D=>{if(!n||(D.preventDefault(),D.stopPropagation(),a(!1),t(null),D.currentTarget.focus(),zn(D)))return;const h=ae(D.target,e,l);h&&s(h)});return{onDragStart:y,onDragEnter:x,onDragLeave:T,onDragOver:C,onDragEnd:j,onDrop:E,onTouchStart:M,onTouchMove:S,onTouchEnd:b}},Kn=({disableDragEditing:e,adapter:t,onDatePositionChange:a,onDrop:n,dateRange:r,timezone:s})=>{const[i,c]=p.useState(!1),[l,u]=p.useState(null),P=Y(x=>{t.isEqual(x,l)||u(x)}),y=p.useMemo(()=>{const[x,S]=r;if(l){if(x&&t.isBefore(l,x))return"start";if(S&&t.isAfter(l,S))return"end"}return null},[r,l,t]),M=qn({adapter:t,onDatePositionChange:a,onDrop:n,setIsDragging:c,isDragging:i,setRangeDragDay:P,disableDragEditing:e,dateRange:r,timezone:s});return p.useMemo(()=>d({isDragging:i,rangeDragDay:l,draggingDatePosition:y},e?{}:M),[i,l,y,e,M])},st=e=>{const[t,a]=Xa({name:"useRangePosition",state:"rangePosition",controlled:e.rangePosition,default:e.defaultRangePosition??"start"}),n=Y(r=>{a(r),e.onRangePositionChange?.(r)});return{rangePosition:t,setRangePosition:n}},Gn=40,Qn=["calendars","month","monthIndex","labelId"],Jn=["format","slots","slotProps","currentMonth","onMonthChange","disableFuture","disablePast","minDate","maxDate","timezone","reduceAnimations","views","view"],Zn=X(ka)({padding:"12px 16px 4px 16px",display:"flex",alignItems:"center",justifyContent:"space-between"}),er=p.forwardRef(function(t,a){const n=K(),r=Ce(),{calendars:s,month:i,monthIndex:c,labelId:l}=t,u=L(t,Qn),{format:P,slots:y,slotProps:M,currentMonth:x,onMonthChange:S,disableFuture:T,disablePast:C,minDate:b,maxDate:j,timezone:E}=u,D=L(u,Jn),h=Ma(x,{disableFuture:T,maxDate:j,timezone:E}),R=va(x,{disablePast:C,minDate:b,timezone:E});if(s===1)return g.jsx(Sa,d({},u,{labelId:l,ref:a}));const A=()=>S(n.addMonths(x,1)),O=()=>S(n.addMonths(x,-1));return g.jsx(Zn,d({},D,{ref:a,onGoToPrevious:O,onGoToNext:A,isPreviousHidden:c!==0,isPreviousDisabled:R,previousLabel:r.previousMonth,isNextHidden:c!==s-1,isNextDisabled:h,nextLabel:r.nextMonth,slots:y,slotProps:M,labelId:l,children:n.formatByString(i,P??`${n.formats.month} ${n.formats.year}`)}))}),tr=Ie("MuiDateRangePickerDay2",["root","dayOutsideMonth","today","disabled","fillerCell","previewStart","previewEnd","insidePreviewing","selectionStart","selectionEnd","insideSelection","startOfWeek","endOfWeek","startOfMonth","endOfMonth","previewed","selected","draggable"]),ar=["value","defaultValue","referenceDate","onChange","className","classes","disableFuture","disablePast","minDate","maxDate","shouldDisableDate","reduceAnimations","onMonthChange","rangePosition","defaultRangePosition","onRangePositionChange","calendars","currentMonthCalendarPosition","slots","slotProps","loading","renderLoading","disableHighlightToday","focusedView","onFocusedViewChange","readOnly","disabled","showDaysOutsideCurrentMonth","dayOfWeekFormatter","disableAutoMonthSwitching","autoFocus","fixedWeekNumber","disableDragEditing","displayWeekNumber","timezone","availableRangePositions","views","view","openTo","onViewChange"],nr=["isDragging","rangeDragDay","draggingDatePosition"],rr="MTc1ODA2NzIwMDAwMA==",or=X("div",{name:"MuiDateRangeCalendar",slot:"Root"})({display:"flex",flexDirection:"row"}),sr=X("div",{name:"MuiDateRangeCalendar",slot:"Container",overridesResolver:(e,t)=>t.monthContainer})(({theme:e})=>({"&:not(:last-of-type)":{borderRight:`1px solid ${(e.vars||e).palette.divider}`}})),ir=(Gn+Ea*2)*6,lr=X(ja)(({theme:e})=>({minWidth:312,minHeight:ir,[`&.${bt.dayDragging}`]:{[`& .${tr.root}, & .${w.day}`]:{cursor:"grabbing"},[`& .${w.root}:not(.${w.rangeIntervalDayHighlightStart}):not(.${w.rangeIntervalDayHighlightEnd}) .${w.day}:not(.${w.notSelectedDate})`]:{opacity:.6}},[`&:not(.${bt.dayDragging}) .${w.dayOutsideRangeInterval}`]:{"@media (pointer: fine)":{"&:hover":{border:`1px solid ${(e.vars||e).palette.grey[500]}`}}}})),cr=lr;function dr(e,t){const a=ne({props:e,name:t}),n=Ya(a.reduceAnimations),r=tt(a);return d({},a,r,{renderLoading:a.renderLoading??(()=>g.jsx("span",{children:"..."})),reduceAnimations:n,loading:e.loading??!1,openTo:a.openTo??"day",views:a.views??["day"],calendars:a.calendars??2,disableDragEditing:a.disableDragEditing??!1,availableRangePositions:a.availableRangePositions??["start","end"]})}const ur=(e,t)=>{const a={root:["root"],monthContainer:["monthContainer"],dayCalendar:[t.isDraggingDay&&"dayDragging"]};return rt(a,Nn,e)},gr=p.forwardRef(function(t,a){const n=dr(t,"MuiDateRangeCalendar"),r=It(Mt,{defaultMatches:!1}),{value:s,defaultValue:i,referenceDate:c,onChange:l,className:u,classes:P,disableFuture:y,disablePast:M,minDate:x,maxDate:S,shouldDisableDate:T,reduceAnimations:C,onMonthChange:b,rangePosition:j,defaultRangePosition:E,onRangePositionChange:D,calendars:h,currentMonthCalendarPosition:R=1,slots:A,slotProps:O,loading:B,renderLoading:W,disableHighlightToday:V,focusedView:z,onFocusedViewChange:Q,readOnly:ue,disabled:ie,showDaysOutsideCurrentMonth:Ae,dayOfWeekFormatter:Oe,disableAutoMonthSwitching:Ne,autoFocus:Fe,fixedWeekNumber:Ve,disableDragEditing:Lt,displayWeekNumber:Bt,timezone:_t,availableRangePositions:Ht,views:Ut,view:Wt,openTo:Xt,onViewChange:zt}=n,qt=L(n,ar),lt=Za(),{value:F,handleValueChange:Kt,timezone:ge}=wa({name:"DateRangeCalendar",timezone:_t,value:s,referenceDate:c,defaultValue:i,onChange:l,valueManager:de}),{view:Z,setFocusedView:$e,focusedView:Le,setValueAndGoToNextView:Gt}=Ca({view:Wt,views:Ut,openTo:Xt,onChange:Kt,onViewChange:zt,autoFocus:Fe,focusedView:z,onFocusedViewChange:Q}),m=K(),Qt=za(),{rangePosition:_,setRangePosition:ct}=st({rangePosition:j??lt?.rangePosition,defaultRangePosition:E,onRangePositionChange:D??lt?.setRangePosition}),Jt=Y(f=>{_!==f&&ct(f)}),dt=Y((f,k,I=!1)=>{const{nextSelection:N,newRange:U}=et({newDate:f,adapter:m,range:F,rangePosition:_,allowRangeFlip:I,shouldMergeDateAndTime:!0,referenceDate:c}),le=Ht.includes(N);le&&ct(N);const qe=_==="end"&&se(m,U);Gt(U,qe||!le?"finish":"partial",Z)}),Zt=Y(f=>{dt(f,void 0,!0)}),ut=Lt||ie||ue,$=p.useMemo(()=>[m.isValid(F[0])?m.startOfDay(F[0]):F[0],m.isValid(F[1])?m.endOfDay(F[1]):F[1]],[F,m]),gt=Kn({disableDragEditing:ut,onDrop:Zt,onDatePositionChange:Jt,adapter:m,dateRange:$,timezone:ge}),{isDragging:ee,rangeDragDay:Be,draggingDatePosition:Dt}=gt,ea=L(gt,nr),{ownerState:ta}=Ia(),_e=d({},ta,{isDraggingDay:ee}),He=ur(P,_e),De=p.useMemo(()=>{if(!$[0]||!$[1]||!Be)return[null,null];const f=et({adapter:m,range:$,newDate:Be,rangePosition:_,allowRangeFlip:!0}).newRange;return f[0]!==null&&f[1]!==null?[m.startOfDay(f[0]),m.endOfDay(f[1])]:f},[_,Be,m,$]),pt=p.useMemo(()=>{if(T)return f=>T(f,Dt||_)},[T,_,Dt]),{calendarState:te,setVisibleDate:Ue,onMonthSwitchingAnimationEnd:aa}=Ta({value:F[0]||F[1],referenceDate:At(c,_),disableFuture:y,disablePast:M,maxDate:S,minDate:x,onMonthChange:b,reduceAnimations:C,shouldDisableDate:pt,timezone:ge,getCurrentMonthFromVisibleDate:(f,k)=>{const I=m.addMonths(k,1-R),N=m.endOfMonth(m.addMonths(I,h-1));return m.isWithinRange(f,[I,N])?k:m.isAfter(f,N)?m.startOfMonth(m.addMonths(f,R-1)):m.startOfMonth(m.addMonths(f,R-h))}}),mt=A?.calendarHeader??er,na=ot({elementType:mt,externalSlotProps:O?.calendarHeader,additionalProps:{calendars:h,views:["day"],view:"day",currentMonth:te.currentMonth,onMonthChange:f=>Ue({target:f,reason:"header-navigation"}),minDate:x,maxDate:S,disabled:ie,disablePast:M,disableFuture:y,reduceAnimations:C,timezone:ge,slots:A,slotProps:O},ownerState:_e}),We=p.useRef(null);p.useEffect(()=>{const f=_==="start"?F[0]:F[1];if(!m.isValid(f))return;const k=_==="start"?We.current?.[0]:We.current?.[1];if(We.current=F,Ne&&k&&m.isEqual(k,f))return;const I=h-R,N=m.getMonth(te.currentMonth),U=m.getMonth(f);if(!m.isSameYear(te.currentMonth,f)||U<N||U>N+I){const le=_==="start"?f:m.addMonths(f,-I);Ue({target:le,reason:"controlled-value-change"})}},[_,F]);const ra={disablePast:M,disableFuture:y,maxDate:S,minDate:x},oa={disableHighlightToday:V,readOnly:ue,disabled:ie},[ft,ht]=p.useState(null),sa=p.useMemo(()=>({onMouseLeave:()=>ht(null)}),[]),Xe=Vn({adapter:m,range:$,newDate:ft,rangePosition:_}),ia=Y((f,k)=>{let I;$[0]==null&&$[1]==null||Qe(m,k,$)?I=null:I=k,Ze(m,I,ft)||ht(I)}),la=d({day:Xn},A),ca=d({},O,{day:f=>{const{day:k,isDaySelected:I}=f,N=ve(m,k,$),U=ce(m,k,$),qe=!ut&&$[0]&&$[1]&&(N||U);let Ke;N?Ke="start":U&&(Ke="end");const yt=ee?ve(m,k,De):N,Da=ee?ce(m,k,De):U;return d({isPreviewing:r?Qe(m,k,Xe):!1,isStartOfPreviewing:r?ve(m,k,Xe):!1,isEndOfPreviewing:r?ce(m,k,Xe):!1,isHighlighting:Qe(m,k,ee?De:$),isStartOfHighlighting:yt,isEndOfHighlighting:ee?ce(m,k,De):U,onMouseEnter:r?ia:void 0,isVisuallySelected:I||ee&&(yt||Da),"data-position":Ke},ea,{draggable:qe?!0:void 0},Te(O?.day,f)??{})}}),da=p.useMemo(()=>Array.from({length:h}).map((f,k)=>k),[h]),ua=p.useMemo(()=>{const f=m.addMonths(te.currentMonth,1-R);return Array.from({length:h}).map((k,I)=>m.addMonths(f,I))},[m,te.currentMonth,h,R]),ga=Le!==null,ze=p.useRef(Z);return p.useEffect(()=>{ze.current!==Z&&(Le===ze.current&&$e(Z,!0),ze.current=Z)},[Le,$e,Z]),g.jsxs(or,d({ref:a,className:nt(He.root,u),ownerState:_e},qt,{children:[g.jsx(On,{packageName:"x-date-pickers-pro",releaseInfo:rr}),da.map(f=>{const k=ua[f],I=`${Qt}-grid-${f}-label`;return g.jsxs(sr,{className:He.monthContainer,children:[g.jsx(mt,d({},na,{month:k,monthIndex:f,labelId:I})),g.jsx(cr,d({className:He.dayCalendar},te,ra,oa,{onMonthSwitchingAnimationEnd:aa,onFocusedDayChange:N=>Ue({target:N,reason:"cell-interaction"}),reduceAnimations:C,selectedDays:F,onSelectedDaysChange:dt,currentMonth:k,TransitionProps:sa,shouldDisableDate:pt,hasFocus:ga,onFocusedViewChange:N=>$e("day",N),showDaysOutsideCurrentMonth:h===1&&Ae,dayOfWeekFormatter:Oe,loading:B,renderLoading:W,slots:la,slotProps:ca,fixedWeekNumber:Ve,displayWeekNumber:Bt,timezone:ge,gridLabelId:I}))]},f)})]}))}),Nt=({views:e,view:t,onViewChange:a,focusedView:n,onFocusedViewChange:r,value:s,defaultValue:i,referenceDate:c,onChange:l,className:u,classes:P,disableFuture:y,disablePast:M,minDate:x,maxDate:S,shouldDisableDate:T,reduceAnimations:C,onMonthChange:b,calendars:j,currentMonthCalendarPosition:E,slots:D,slotProps:h,loading:R,renderLoading:A,disableHighlightToday:O,readOnly:B,disabled:W,showDaysOutsideCurrentMonth:V,dayOfWeekFormatter:z,disableAutoMonthSwitching:Q,sx:ue,autoFocus:ie,fixedWeekNumber:Ae,disableDragEditing:Oe,displayWeekNumber:Ne,timezone:Fe,availableRangePositions:Ve})=>g.jsx(gr,{view:t,views:e,onViewChange:a,focusedView:n&&Aa(n)?n:null,onFocusedViewChange:r,value:s,defaultValue:i,referenceDate:c,onChange:l,className:u,classes:P,disableFuture:y,disablePast:M,minDate:x,maxDate:S,shouldDisableDate:T,reduceAnimations:C,onMonthChange:b,calendars:j,currentMonthCalendarPosition:E,slots:D,slotProps:h,loading:R,renderLoading:A,disableHighlightToday:O,readOnly:B,disabled:W,showDaysOutsideCurrentMonth:V,dayOfWeekFormatter:z,disableAutoMonthSwitching:Q,sx:ue,autoFocus:ie,fixedWeekNumber:Ae,disableDragEditing:Oe,displayWeekNumber:Ne,timezone:Fe,availableRangePositions:Ve}),Dr=["shouldDisableDate"],Ee=({adapter:e,value:t,timezone:a,props:n})=>{const[r,s]=t,{shouldDisableDate:i}=n,c=L(n,Dr),l=[Rt({adapter:e,value:r,timezone:a,props:d({},c,{shouldDisableDate:u=>!!i?.(u,"start")})}),Rt({adapter:e,value:s,timezone:a,props:d({},c,{shouldDisableDate:u=>!!i?.(u,"end")})})];return l[0]||l[1]?l:r===null||s===null?[null,null]:se(e,t)?[null,null]:["invalidRange","invalidRange"]};Ee.valueManager=de;function pr(e={}){const{enableAccessibleFieldDOMStructure:t=!0,dateSeparator:a}=e;return p.useMemo(()=>({valueType:"date",validator:Ee,internal_valueManager:de,internal_fieldValueManager:Ga({dateSeparator:a}),internal_enableAccessibleFieldDOMStructure:t,internal_useApplyDefaultValuesToFieldInternalProps:fr,internal_useOpenPickerButtonAriaLabel:mr}),[t,a])}function mr(e){const t=K(),a=Ce();return p.useMemo(()=>a.openRangePickerDialogue(Fn(t,e,"fullDate")),[e,a,t])}function fr(e){const t=K(),a=tt(e);return p.useMemo(()=>d({},e,a,{format:e.format??t.formats.keyboardDate}),[e,a,t])}const hr=e=>{const t=pr(e);return Oa({manager:t,props:e})},yr=["slots","slotProps"],it=p.forwardRef(function(t,a){const n=ne({props:t,name:"MuiSingleInputDateRangeField"}),{slots:r,slotProps:s}=n,i=L(n,yr),c=Na({slotProps:s,ref:a,externalForwardedProps:i}),l=hr(c);return g.jsx(Fa,{slots:r,slotProps:s,inputRef:i.inputRef,children:g.jsx(Va,{fieldResponse:l,defaultOpenPickerIcon:$a})})});it.fieldType="single-input";function Ft(e){const{steps:t,rangePositionResponse:a}=e;return La({steps:t,isViewMatchingStep:(n,r)=>r.rangePosition!==a.rangePosition?!1:r.views==null||r.views.includes(n),onStepChange:({step:n,defaultView:r,setView:s,view:i,views:c})=>{n.rangePosition!==a.rangePosition&&a.setRangePosition(n.rangePosition);const l=n.views==null?r:n.views.find(u=>c.includes(u));l!==i&&s(l)}})}const Pr=["props","steps"],Rr=["ownerState"],xr=e=>{let{props:t,steps:a}=e,n=L(e,Pr);je("x-date-pickers-pro","MTc1ODA2NzIwMDAwMA==");const{slots:r,slotProps:s,inputRef:i,localeText:c}=t,u=Tt(r.field)==="single-input",P=u?"dialog":"tooltip",y=st(t),M=Ft({steps:a,rangePositionResponse:y}),{providerProps:x,renderCurrentView:S,ownerState:T}=vt(d({},n,{props:t,variant:"desktop",autoFocusView:P==="dialog",viewContainerRole:P,localeText:c,getStepNavigation:M,onPopperExited:Y(()=>y.setRangePosition(t.defaultRangePosition??"start"))})),C=r.field,b=ot({elementType:C,externalSlotProps:s?.field,ownerState:T,additionalProps:{"data-active-range-position":x.contextValue.open?y.rangePosition:void 0}}),j=L(b,Rr),E=r?.layout??St;return{renderPicker:()=>g.jsx(kt,d({},x,{children:g.jsxs(Ye.Provider,{value:y,children:[g.jsx(C,d({},j,{slots:r,slotProps:s},u&&{inputRef:i})),g.jsx(Ba,{slots:r,slotProps:s,children:g.jsx(E,d({},s?.layout,{slots:r,slotProps:s,children:S()}))})]})}))}},Vt=p.forwardRef(function(t,a){const n=K(),r=Yt(t,"MuiDesktopDateRangePicker"),s=d({day:Nt},r.viewRenderers),i=d({},r,{closeOnSelect:r.closeOnSelect??!0,viewRenderers:s,format:r.format??n.formats.keyboardDate,calendars:r.calendars??2,views:["day"],openTo:"day",slots:d({field:it},r.slots),slotProps:d({},r.slotProps,{field:l=>d({},Te(r.slotProps?.field,l),wt(r)),toolbar:d({hidden:!0},r.slotProps?.toolbar)})}),{renderPicker:c}=xr({ref:a,props:i,valueManager:de,valueType:"date",validator:Ee,steps:null});return c()});Vt.propTypes={autoFocus:o.bool,calendars:o.oneOf([1,2,3]),className:o.string,closeOnSelect:o.bool,currentMonthCalendarPosition:o.oneOf([1,2,3]),dayOfWeekFormatter:o.func,defaultRangePosition:o.oneOf(["end","start"]),defaultValue:o.arrayOf(o.object),disableAutoMonthSwitching:o.bool,disabled:o.bool,disableDragEditing:o.bool,disableFuture:o.bool,disableHighlightToday:o.bool,disableOpenPicker:o.bool,disablePast:o.bool,displayWeekNumber:o.bool,enableAccessibleFieldDOMStructure:o.any,fixedWeekNumber:o.number,format:o.string,formatDensity:o.oneOf(["dense","spacious"]),inputRef:Ct,label:o.node,loading:o.bool,localeText:o.object,maxDate:o.object,minDate:o.object,name:o.string,onAccept:o.func,onChange:o.func,onClose:o.func,onError:o.func,onMonthChange:o.func,onOpen:o.func,onRangePositionChange:o.func,onSelectedSectionsChange:o.func,open:o.bool,rangePosition:o.oneOf(["end","start"]),readOnly:o.bool,reduceAnimations:o.bool,referenceDate:o.oneOfType([o.arrayOf(o.object),o.object]),renderLoading:o.func,selectedSections:o.oneOfType([o.oneOf(["all","day","empty","hours","meridiem","minutes","month","seconds","weekDay","year"]),o.number]),shouldDisableDate:o.func,showDaysOutsideCurrentMonth:o.bool,slotProps:o.object,slots:o.object,sx:o.oneOfType([o.arrayOf(o.oneOfType([o.func,o.object,o.bool])),o.func,o.object]),timezone:o.string,value:o.arrayOf(o.object),viewRenderers:o.shape({day:o.func})};const br=["props","steps"],Mr=["ownerState"],vr=e=>{let{props:t,steps:a}=e,n=L(e,br);je("x-date-pickers-pro","MTc1ODA2NzIwMDAwMA==");const{slots:r,slotProps:s,label:i,inputRef:c,localeText:l}=t,u=Tt(r.field),P=u==="single-input",y=st(t),M=Ce(),x=Ft({steps:a,rangePositionResponse:y}),{providerProps:S,renderCurrentView:T,ownerState:C}=vt(d({},n,{props:t,variant:"mobile",autoFocusView:!0,viewContainerRole:"dialog",localeText:l,getStepNavigation:x,onPopperExited:Y(()=>y.setRangePosition(t.defaultRangePosition??"start"))})),b=S.privateContextValue.labelId,j=s?.toolbar?.hidden??!1,E=r.field,D=ot({elementType:E,externalSlotProps:s?.field,additionalProps:d({},P&&j&&{id:b}),ownerState:C}),h=L(D,Mr),R=r?.layout??St,A=d({},M,l);let O=n.valueType==="date-time"?`${b}-start-toolbar ${b}-end-toolbar`:b;if(j){const V=[];u==="multi-input"?(A.start&&V.push(`${b}-start-label`),A.end&&V.push(`${b}-end-label`)):i!=null&&V.push(`${b}-label`),O=V.length>0?V.join(" "):void 0}const B=d({},s,{toolbar:d({},s?.toolbar,{titleId:b}),mobilePaper:d({"aria-labelledby":O},s?.mobilePaper)},u==="multi-input"&&{textField:V=>d({},Te(s?.textField,V),{id:`${b}-${V.position}`})});return{renderPicker:()=>g.jsx(kt,d({},S,{children:g.jsxs(Ye.Provider,{value:y,children:[g.jsx(E,d({},h,{slots:r,slotProps:B},P&&{inputRef:c})),g.jsx(_a,{slots:r,slotProps:B,children:g.jsx(R,d({},B?.layout,{slots:r,slotProps:B,children:T()}))})]})}))}},$t=p.forwardRef(function(t,a){const n=K(),r=Yt(t,"MuiMobileDateRangePicker"),s=d({day:Nt},r.viewRenderers),i=d({},r,{viewRenderers:s,format:r.format??n.formats.keyboardDate,calendars:1,currentMonthCalendarPosition:1,views:["day"],openTo:"day",slots:d({field:it},r.slots),slotProps:d({},r.slotProps,{field:l=>d({},Te(r.slotProps?.field,l),wt(r)),toolbar:d({hidden:!1},r.slotProps?.toolbar)})}),{renderPicker:c}=vr({ref:a,props:i,valueManager:de,valueType:"date",validator:Ee,steps:null});return c()});$t.propTypes={autoFocus:o.bool,className:o.string,closeOnSelect:o.bool,currentMonthCalendarPosition:o.oneOf([1,2,3]),dayOfWeekFormatter:o.func,defaultRangePosition:o.oneOf(["end","start"]),defaultValue:o.arrayOf(o.object),disableAutoMonthSwitching:o.bool,disabled:o.bool,disableDragEditing:o.bool,disableFuture:o.bool,disableHighlightToday:o.bool,disableOpenPicker:o.bool,disablePast:o.bool,displayWeekNumber:o.bool,enableAccessibleFieldDOMStructure:o.any,fixedWeekNumber:o.number,format:o.string,formatDensity:o.oneOf(["dense","spacious"]),inputRef:Ct,label:o.node,loading:o.bool,localeText:o.object,maxDate:o.object,minDate:o.object,name:o.string,onAccept:o.func,onChange:o.func,onClose:o.func,onError:o.func,onMonthChange:o.func,onOpen:o.func,onRangePositionChange:o.func,onSelectedSectionsChange:o.func,open:o.bool,rangePosition:o.oneOf(["end","start"]),readOnly:o.bool,reduceAnimations:o.bool,referenceDate:o.oneOfType([o.arrayOf(o.object),o.object]),renderLoading:o.func,selectedSections:o.oneOfType([o.oneOf(["all","day","empty","hours","meridiem","minutes","month","seconds","weekDay","year"]),o.number]),shouldDisableDate:o.func,showDaysOutsideCurrentMonth:o.bool,slotProps:o.object,slots:o.object,sx:o.oneOfType([o.arrayOf(o.oneOfType([o.func,o.object,o.bool])),o.func,o.object]),timezone:o.string,value:o.arrayOf(o.object),viewRenderers:o.shape({day:o.func})};const Sr=["desktopModeMediaQuery"],kr=p.forwardRef(function(t,a){const n=ne({props:t,name:"MuiDateRangePicker"}),{desktopModeMediaQuery:r=Mt}=n,s=L(n,Sr);return It(r,{defaultMatches:!0})?g.jsx(Vt,d({ref:a},s)):g.jsx($t,d({ref:a},s))}),G=({label:e,startDate:t,endDate:a,onDateRangeChange:n,minDate:r,maxDate:s,disabled:i,readOnly:c,slotProps:l,...u})=>{const P=[t,a],y=M=>{n(M[0],M[1])};return g.jsx(Ha,{dateAdapter:Ua,children:g.jsx(kr,{localeText:{start:"Fecha de Inicio",end:"Fecha de Fin"},value:P,onChange:y,minDate:r,maxDate:s,disabled:i,readOnly:c,slotProps:l,...u})})};G.__docgenInfo={description:"",methods:[],displayName:"DateRangePicker",props:{label:{required:!1,tsType:{name:"string"},description:""},startDate:{required:!0,tsType:{name:"union",raw:"Dayjs | null",elements:[{name:"Dayjs"},{name:"null"}]},description:""},endDate:{required:!0,tsType:{name:"union",raw:"Dayjs | null",elements:[{name:"Dayjs"},{name:"null"}]},description:""},onDateRangeChange:{required:!0,tsType:{name:"signature",type:"function",raw:"(start: Dayjs | null, end: Dayjs | null) => void",signature:{arguments:[{type:{name:"union",raw:"Dayjs | null",elements:[{name:"Dayjs"},{name:"null"}]},name:"start"},{type:{name:"union",raw:"Dayjs | null",elements:[{name:"Dayjs"},{name:"null"}]},name:"end"}],return:{name:"void"}}},description:""},minDate:{required:!1,tsType:{name:"Dayjs"},description:""},maxDate:{required:!1,tsType:{name:"Dayjs"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},readOnly:{required:!1,tsType:{name:"boolean"},description:""},slotProps:{required:!1,tsType:{name:"any"},description:""}}};const wr=`
+import React, { useState } from 'react';
+import { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario
+import dayjs from 'dayjs';
+import { Box, Typography } from '@mui/material';
+
+export const BasicDateRangePickerExample = () => {
+  const [startDate, setStartDate] = useState(dayjs('2023-01-01'));
+  const [endDate, setEndDate] = useState(dayjs('2023-01-31'));
+
+  const handleDateRangeChange = (start, end) => {
+    setStartDate(start);
+    setEndDate(end);
+  };
+
+  return (
+    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>
+      <DateRangePicker
+        label="Seleccionar Rango"
+        startDate={startDate}
+        endDate={endDate}
+        onDateRangeChange={handleDateRangeChange}
+      />
+      <Typography sx={{ mt: 2 }}>
+        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+      </Typography>
+    </Box>
+  );
+};
+`,Cr=`
+import React, { useState } from 'react';
+import { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario
+import dayjs from 'dayjs';
+import { Box, Typography } from '@mui/material';
+
+export const DateRangePickerWithMinMaxExample = () => {
+  const [startDate, setStartDate] = useState(dayjs('2023-06-10'));
+  const [endDate, setEndDate] = useState(dayjs('2023-06-20'));
+  const minDate = dayjs('2023-06-01');
+  const maxDate = dayjs('2023-06-30');
+
+  const handleDateRangeChange = (start, end) => {
+    setStartDate(start);
+    setEndDate(end);
+  };
+
+  return (
+    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>
+      <DateRangePicker
+        label="Rango de Junio"
+        startDate={startDate}
+        endDate={endDate}
+        onDateRangeChange={handleDateRangeChange}
+        minDate={minDate}
+        maxDate={maxDate}
+      />
+      <Typography sx={{ mt: 2 }}>
+        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+      </Typography>
+      <Typography variant="caption" color="text.secondary">
+        (Rango permitido: \${minDate.format('YYYY-MM-DD')} a \${maxDate.format('YYYY-MM-DD')})
+      </Typography>
+    </Box>
+  );
+};
+`,Ir=`
+import React, { useState } from 'react';
+import { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario
+import dayjs from 'dayjs';
+import { Box, Typography } from '@mui/material';
+
+export const DateRangePickerDisabledExample = () => {
+  const [startDate, setStartDate] = useState(dayjs('2023-01-01'));
+  const [endDate, setEndDate] = useState(dayjs('2023-01-31'));
+
+  return (
+    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>
+      <DateRangePicker
+        label="Rango Deshabilitado"
+        startDate={startDate}
+        endDate={endDate}
+        onDateRangeChange={() => {}}
+        disabled
+      />
+      <Typography sx={{ mt: 2 }}>
+        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+      </Typography>
+    </Box>
+  );
+};
+`,Tr=`
+import React, { useState } from 'react';
+import { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario
+import dayjs from 'dayjs';
+import { Box, Typography } from '@mui/material';
+
+export const DateRangePickerReadOnlyExample = () => {
+  const [startDate, setStartDate] = useState(dayjs('2024-07-01'));
+  const [endDate, setEndDate] = useState(dayjs('2024-07-15'));
+
+  return (
+    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>
+      <DateRangePicker
+        label="Rango Solo Lectura"
+        startDate={startDate}
+        endDate={endDate}
+        onDateRangeChange={() => {}}
+        readOnly
+      />
+      <Typography sx={{ mt: 2 }}>
+        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+      </Typography>
+    </Box>
+  );
+};
+`,Yr=`
+import React, { useState } from 'react';
+import { DateRangePicker } from './DateRangePicker'; // Ajusta la ruta si es necesario
+import dayjs from 'dayjs';
+import { Box, Typography } from '@mui/material';
+
+export const DateRangePickerWithInitialNullExample = () => {
+  const [startDate, setStartDate] = useState(null);
+  const [endDate, setEndDate] = useState(null);
+
+  const handleDateRangeChange = (start, end) => {
+    setStartDate(start);
+    setEndDate(end);
+  };
+
+  return (
+    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>
+      <DateRangePicker
+        label="Rango Sin Selección Inicial"
+        startDate={startDate}
+        endDate={endDate}
+        onDateRangeChange={handleDateRangeChange}
+      />
+      <Typography sx={{ mt: 2 }}>
+        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+      </Typography>
+    </Box>
+  );
+};
+`,jr=`
+import React, { useState } from 'react';
+import { DateRangePicker } from './DateRangePicker'; // Adjust path if necessary
+import dayjs from 'dayjs';
+import { Box, Typography } from '@mui/material';
+
+export const DateRangePickerWithSizeExample = () => {
+  const [startDate, setStartDate] = useState(dayjs('2023-01-01'));
+  const [endDate, setEndDate] = useState(dayjs('2023-01-31'));
+
+  const handleDateRangeChange = (start, end) => {
+    setStartDate(start);
+    setEndDate(end);
+  };
+
+  return (
+    <Box sx={{ width: 400, display: 'flex', flexDirection: 'column', gap: 2 }}>
+      <DateRangePicker
+        label="Rango de Fechas (Tamaño Pequeño)"
+        startDate={startDate}
+        endDate={endDate}
+        onDateRangeChange={handleDateRangeChange}
+        slotProps={{ textField: { size: 'small' } }}
+      />
+      <Typography sx={{ mt: 2 }}>
+        Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+        Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+      </Typography>
+    </Box>
+  );
+};
+`,Co={title:"Components/DateRangePicker",component:G,tags:["autodocs"],parameters:{layout:"centered",docs:{description:{component:"Un componente `DateRangePicker` personalizado que permite seleccionar un rango de fechas con un solo campo de entrada (visualmente dos inputs interconectados) y gestiona las fechas de inicio y fin."}}},argTypes:{label:{control:"text",description:"Etiqueta para el campo de entrada del rango de fechas."},startDate:{control:"object",description:"La fecha de inicio del rango.",type:{name:"object",required:!1,value:{}}},endDate:{control:"object",description:"La fecha de fin del rango.",type:{name:"object",required:!1,value:{}}},onDateRangeChange:{action:"dateRangeChanged",description:"Callback que se dispara cuando el rango de fechas cambia."},minDate:{control:"object",description:"La fecha mínima permitida para cualquier fecha en el rango."},maxDate:{control:"object",description:"La fecha máxima permitida para cualquier fecha en el rango."},disabled:{control:"boolean",description:"Si es verdadero, el selector de rango estará deshabilitado."},readOnly:{control:"boolean",description:"Si es verdadero, el selector de rango estará en modo de solo lectura."},slotProps:{control:"object",description:"Propiedades pasadas a los slots internos del DateRangePicker (e.g., `textField`)."}}},ye={render:()=>{const[e,t]=p.useState(H("2023-01-01")),[a,n]=p.useState(H("2023-01-31")),r=(s,i)=>{t(s),n(i)};return g.jsxs(re,{sx:{width:400,display:"flex",flexDirection:"column",gap:2},children:[g.jsx(G,{label:"Seleccionar Rango",startDate:e,endDate:a,onDateRangeChange:r}),g.jsxs(q,{sx:{mt:2},children:["Inicio: ",e?e.format("YYYY-MM-DD"):"N/A"," | Fin: ",a?a.format("YYYY-MM-DD"):"N/A"]})]})},parameters:{docs:{description:{story:"Un `DateRangePicker` básico que permite seleccionar un rango de fechas."},source:{code:wr.trim()}}}},Pe={render:()=>{const[e,t]=p.useState(H("2023-06-10")),[a,n]=p.useState(H("2023-06-20")),r=H("2023-06-01"),s=H("2023-06-30"),i=(c,l)=>{t(c),n(l)};return g.jsxs(re,{sx:{width:400,display:"flex",flexDirection:"column",gap:2},children:[g.jsx(G,{label:"Rango de Junio",startDate:e,endDate:a,onDateRangeChange:i,minDate:r,maxDate:s}),g.jsxs(q,{sx:{mt:2},children:["Inicio: ",e?e.format("YYYY-MM-DD"):"N/A"," | Fin: ",a?a.format("YYYY-MM-DD"):"N/A"]}),g.jsxs(q,{variant:"caption",color:"text.secondary",children:["(Rango permitido: $",r.format("YYYY-MM-DD")," a $",s.format("YYYY-MM-DD"),")"]})]})},parameters:{docs:{description:{story:"Muestra un `DateRangePicker` con fechas mínimas y máximas permitidas para el rango completo."},source:{code:Cr.trim()}}}},Re={render:()=>{const[e,t]=p.useState(H("2023-01-01")),[a,n]=p.useState(H("2023-01-31"));return g.jsxs(re,{sx:{width:400,display:"flex",flexDirection:"column",gap:2},children:[g.jsx(G,{label:"Rango Deshabilitado",startDate:e,endDate:a,onDateRangeChange:()=>{},disabled:!0}),g.jsxs(q,{sx:{mt:2},children:["Inicio: ",e?e.format("YYYY-MM-DD"):"N/A"," | Fin: ",a?a.format("YYYY-MM-DD"):"N/A"]})]})},parameters:{docs:{description:{story:"Demuestra un `DateRangePicker` en estado deshabilitado."},source:{code:Ir.trim()}}}},xe={render:()=>{const[e,t]=p.useState(H("2024-07-01")),[a,n]=p.useState(H("2024-07-15"));return g.jsxs(re,{sx:{width:400,display:"flex",flexDirection:"column",gap:2},children:[g.jsx(G,{label:"Rango Solo Lectura",startDate:e,endDate:a,onDateRangeChange:()=>{},readOnly:!0}),g.jsxs(q,{sx:{mt:2},children:["Inicio: ",e?e.format("YYYY-MM-DD"):"N/A"," | Fin: ",a?a.format("YYYY-MM-DD"):"N/A"]})]})},parameters:{docs:{description:{story:"Muestra el `DateRangePicker` en modo de solo lectura. El usuario puede ver el rango pero no modificarlo."},source:{code:Tr.trim()}}}},be={render:()=>{const[e,t]=p.useState(null),[a,n]=p.useState(null),r=(s,i)=>{t(s),n(i)};return g.jsxs(re,{sx:{width:400,display:"flex",flexDirection:"column",gap:2},children:[g.jsx(G,{label:"Rango Sin Selección Inicial",startDate:e,endDate:a,onDateRangeChange:r}),g.jsxs(q,{sx:{mt:2},children:["Inicio: ",e?e.format("YYYY-MM-DD"):"N/A"," | Fin: ",a?a.format("YYYY-MM-DD"):"N/A"]})]})},parameters:{docs:{description:{story:"Muestra un `DateRangePicker` sin fechas de inicio o fin seleccionadas inicialmente."},source:{code:Yr.trim()}}}},Me={render:()=>{const[e,t]=p.useState(H("2023-01-01")),[a,n]=p.useState(H("2023-01-31")),r=(s,i)=>{t(s),n(i)};return g.jsxs(re,{sx:{width:400,display:"flex",flexDirection:"column",gap:2},children:[g.jsx(G,{label:"Rango de Fechas (Tamaño Pequeño)",startDate:e,endDate:a,onDateRangeChange:r,slotProps:{textField:{size:"small"}}}),g.jsxs(q,{sx:{mt:2},children:["Inicio: ",e?e.format("YYYY-MM-DD"):"N/A"," | Fin: ",a?a.format("YYYY-MM-DD"):"N/A"]})]})},parameters:{docs:{description:{story:"Demuestra cómo aplicar diferentes tamaños (`small` o `medium`) a los campos de entrada del `DateRangePicker`."},source:{code:jr.trim()}}}};ye.parameters={...ye.parameters,docs:{...ye.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [startDate, setStartDate] = useState<Dayjs | null>(dayjs('2023-01-01'));
+    const [endDate, setEndDate] = useState<Dayjs | null>(dayjs('2023-01-31'));
+    const handleDateRangeChange = (start: Dayjs | null, end: Dayjs | null) => {
+      setStartDate(start);
+      setEndDate(end);
+    };
+    return <Box sx={{
+      width: 400,
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 2
+    }}>
+          <DateRangePicker label="Seleccionar Rango" startDate={startDate} endDate={endDate} onDateRangeChange={handleDateRangeChange} />
+          <Typography sx={{
+        mt: 2
+      }}>
+            Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+            Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+          </Typography>
+        </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Un \`DateRangePicker\` básico que permite seleccionar un rango de fechas."
+      },
+      source: {
+        code: BasicDateRangePickerDefinition.trim()
+      }
+    }
+  }
+}`,...ye.parameters?.docs?.source}}};Pe.parameters={...Pe.parameters,docs:{...Pe.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [startDate, setStartDate] = useState<Dayjs | null>(dayjs('2023-06-10'));
+    const [endDate, setEndDate] = useState<Dayjs | null>(dayjs('2023-06-20'));
+    const minDate = dayjs('2023-06-01');
+    const maxDate = dayjs('2023-06-30');
+    const handleDateRangeChange = (start: Dayjs | null, end: Dayjs | null) => {
+      setStartDate(start);
+      setEndDate(end);
+    };
+    return <Box sx={{
+      width: 400,
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 2
+    }}>
+          <DateRangePicker label="Rango de Junio" startDate={startDate} endDate={endDate} onDateRangeChange={handleDateRangeChange} minDate={minDate} maxDate={maxDate} />
+          <Typography sx={{
+        mt: 2
+      }}>
+            Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+            Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+          </Typography>
+          <Typography variant="caption" color="text.secondary">
+            (Rango permitido: \${minDate.format('YYYY-MM-DD')} a \${maxDate.format('YYYY-MM-DD')})
+          </Typography>
+        </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Muestra un \`DateRangePicker\` con fechas mínimas y máximas permitidas para el rango completo."
+      },
+      source: {
+        code: DateRangePickerWithMinMaxDefinition.trim()
+      }
+    }
+  }
+}`,...Pe.parameters?.docs?.source}}};Re.parameters={...Re.parameters,docs:{...Re.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [startDate, setStartDate] = useState<Dayjs | null>(dayjs('2023-01-01'));
+    const [endDate, setEndDate] = useState<Dayjs | null>(dayjs('2023-01-31'));
+    return <Box sx={{
+      width: 400,
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 2
+    }}>
+          <DateRangePicker label="Rango Deshabilitado" startDate={startDate} endDate={endDate} onDateRangeChange={() => {}} disabled />
+          <Typography sx={{
+        mt: 2
+      }}>
+            Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+            Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+          </Typography>
+        </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Demuestra un \`DateRangePicker\` en estado deshabilitado."
+      },
+      source: {
+        code: DateRangePickerDisabledDefinition.trim()
+      }
+    }
+  }
+}`,...Re.parameters?.docs?.source}}};xe.parameters={...xe.parameters,docs:{...xe.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [startDate, setStartDate] = useState<Dayjs | null>(dayjs('2024-07-01'));
+    const [endDate, setEndDate] = useState<Dayjs | null>(dayjs('2024-07-15'));
+    return <Box sx={{
+      width: 400,
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 2
+    }}>
+          <DateRangePicker label="Rango Solo Lectura" startDate={startDate} endDate={endDate} onDateRangeChange={() => {}} readOnly />
+          <Typography sx={{
+        mt: 2
+      }}>
+            Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+            Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+          </Typography>
+        </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Muestra el \`DateRangePicker\` en modo de solo lectura. El usuario puede ver el rango pero no modificarlo."
+      },
+      source: {
+        code: DateRangePickerReadOnlyDefinition.trim()
+      }
+    }
+  }
+}`,...xe.parameters?.docs?.source}}};be.parameters={...be.parameters,docs:{...be.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [startDate, setStartDate] = useState<Dayjs | null>(null);
+    const [endDate, setEndDate] = useState<Dayjs | null>(null);
+    const handleDateRangeChange = (start: Dayjs | null, end: Dayjs | null) => {
+      setStartDate(start);
+      setEndDate(end);
+    };
+    return <Box sx={{
+      width: 400,
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 2
+    }}>
+          <DateRangePicker label="Rango Sin Selección Inicial" startDate={startDate} endDate={endDate} onDateRangeChange={handleDateRangeChange} />
+          <Typography sx={{
+        mt: 2
+      }}>
+            Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+            Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+          </Typography>
+        </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Muestra un \`DateRangePicker\` sin fechas de inicio o fin seleccionadas inicialmente."
+      },
+      source: {
+        code: DateRangePickerWithInitialNullDefinition.trim()
+      }
+    }
+  }
+}`,...be.parameters?.docs?.source}}};Me.parameters={...Me.parameters,docs:{...Me.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const [startDate, setStartDate] = useState<Dayjs | null>(dayjs('2023-01-01'));
+    const [endDate, setEndDate] = useState<Dayjs | null>(dayjs('2023-01-31'));
+    const handleDateRangeChange = (start: Dayjs | null, end: Dayjs | null) => {
+      setStartDate(start);
+      setEndDate(end);
+    };
+    return <Box sx={{
+      width: 400,
+      display: 'flex',
+      flexDirection: 'column',
+      gap: 2
+    }}>
+          <DateRangePicker label="Rango de Fechas (Tamaño Pequeño)" startDate={startDate} endDate={endDate} onDateRangeChange={handleDateRangeChange} slotProps={{
+        textField: {
+          size: 'small'
+        }
+      }} // Aplica el tamaño 'small' a los TextFields internos
+      />
+          <Typography sx={{
+        mt: 2
+      }}>
+            Inicio: {startDate ? startDate.format('YYYY-MM-DD') : 'N/A'} |
+            Fin: {endDate ? endDate.format('YYYY-MM-DD') : 'N/A'}
+          </Typography>
+        </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Demuestra cómo aplicar diferentes tamaños (\`small\` o \`medium\`) a los campos de entrada del \`DateRangePicker\`."
+      },
+      source: {
+        code: DateRangePickerWithSizeDefinition.trim()
+      }
+    }
+  }
+}`,...Me.parameters?.docs?.source}}};const Io=["BasicDateRangePicker","DateRangePickerWithMinMax","DateRangePickerDisabled","DateRangePickerReadOnly","DateRangePickerWithInitialNull","DateRangePickerWithSize"];export{ye as BasicDateRangePicker,Re as DateRangePickerDisabled,xe as DateRangePickerReadOnly,be as DateRangePickerWithInitialNull,Pe as DateRangePickerWithMinMax,Me as DateRangePickerWithSize,Io as __namedExportsOrder,Co as default};