Loading
function(e,l,a){a.d(l,{p:()=>b});var t=a(627968),o=a(64700),n=a(352404),i=a(928231),s=a(961345),r=a(610479),d=a(158954),u=a(732955),c=a(996334);let b={title:"RangeCalendar",stories:[{id:"range-calendar",name:"RangeCalendar",component:function(e){let{disabled:l,readOnly:a,showMinMax:b}=e,[p,m]=o.useState({start:(0,n.Ec)((0,n.Xj)()),end:(0,n.Ec)((0,n.Xj)()).add({days:7})}),x=o.useCallback(e=>{m(e)},[]),h=o.useCallback(()=>{m(null)},[]),v=o.useCallback(()=>{let e=(0,n.Ec)((0,n.Xj)());m({start:e,end:e.add({days:7})})},[]),y=o.useCallback(()=>{m({start:(0,i._U)("2024-12-01"),end:(0,i._U)("2024-12-31")})},[]);if(!(0,c.i)("RangeCalendarStory"))return(0,t.jsxs)(d.wx6,{type:"critical",children:["This component is experimental and only available behind the ",(0,t.jsx)("code",{children:"2025-10-mana-date-inputs"})," ","experiment. Do not use this in production yet."]});let f=e=>null==e?"None":(0,s.default)(e.toDate((0,n.Xj)()),"MMMM d, yyyy");return(0,t.jsxs)(d.BJc,{direction:"vertical",gap:"md",children:[(0,t.jsx)(r._e,{value:p,onChange:x,isDisabled:l,isReadOnly:a,minValue:b?(0,i._U)("2024-01-01"):void 0,maxValue:b?(0,i._U)("2024-12-31"):void 0,"aria-label":"Select a date range"}),(0,t.jsxs)(d.EYj,{variant:"text-sm/normal",children:["Selected range: ",null!=p?`${f(p.start)} – ${f(p.end)}`:"None"]}),(0,t.jsxs)(d.BJc,{direction:"horizontal",gap:"sm",children:[(0,t.jsx)(u.$nd,{variant:"secondary",size:"sm",text:"Clear",onClick:h,disabled:l||a}),(0,t.jsx)(u.$nd,{variant:"secondary",size:"sm",text:"This Week",onClick:v,disabled:l||a}),(0,t.jsx)(u.$nd,{variant:"secondary",size:"sm",text:"December",onClick:y,disabled:l||a})]})]})},controls:{disabled:{type:"boolean",label:"Disabled",defaultValue:!1},readOnly:{type:"boolean",label:"Read Only",defaultValue:!1},showMinMax:{type:"boolean",label:"Show Min/Max (2024)",defaultValue:!1}}}]}}