{(day) => {day}} {(date) => } ) }`,children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282A36",color:"#F8F8F2"},tabIndex:"0","data-language":"tsx","data-theme":"dracula",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"dracula",style:{display:"grid"},children:[(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" { ChevronDown, ChevronLeft, ChevronRight } "}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"lucide-react"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" {"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" Calendar,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarCell,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarGrid,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarGridBody,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarGridHeader,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarHeader,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarHeaderCell,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarHeading,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarNextButton,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarPrevButton,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DateInput,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DateInputGroup,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DatePicker,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DatePickerButton,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DatePickerContent,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DateSegment,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" iconButtonVariants,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" Label,"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"} "}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"ui"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:" function"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B"},children:" Default"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"() {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DatePicker"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"Label"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">Date"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DateInputGroup"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"relative pr-10"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DateInput"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">{("}),(0,n.jsx)(l.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"segment"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DateSegment"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" segment"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"{segment} />}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"absolute inset-y-0 right-0 flex items-center p-1"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DatePickerButton"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B"},children:"iconButtonVariants"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" variant"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"subtle"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"sm"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"ml-auto shrink-0"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" })}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"ChevronDown"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"16"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"3"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DatePickerContent"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"Calendar"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarHeader"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarPrevButton"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B"},children:"iconButtonVariants"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" variant"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"outline"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"sm"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" })}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"ChevronLeft"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"16"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"3"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarHeading"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarNextButton"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B"},children:"iconButtonVariants"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" variant"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"outline"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"sm"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" })}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"ChevronRight"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"16"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"3"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarGrid"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarGridHeader"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" {("}),(0,n.jsx)(l.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"day"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarHeaderCell"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">{day}}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarGridBody"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" {("}),(0,n.jsx)(l.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"date"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarCell"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" date"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"{date} />}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"}"})})]})})})}),` `,(0,n.jsx)(a,{lvl:"3",slug:"disabled",children:"Disabled"}),` `,(0,n.jsxs)(l.p,{children:["Use the ",(0,n.jsx)(l.code,{children:"isDisabled"})," prop to disable the entire ",(0,n.jsx)(l.strong,{children:(0,n.jsx)(l.code,{children:"DatePicker"})})," including the ",(0,n.jsx)(l.strong,{children:(0,n.jsx)(l.code,{children:"DateInput"})}),"."]}),` `,(0,n.jsx)(d,{name:"date-picker",story:"disabled",children:(0,n.jsx)(l.figure,{__src__:"registry/date-picker/disabled.tsx","data-rehype-pretty-code-figure":"",__rawString__:`import { ChevronDown, ChevronLeft, ChevronRight } from 'lucide-react' import { Calendar, CalendarCell, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeader, CalendarHeaderCell, CalendarHeading, CalendarNextButton, CalendarPrevButton, DateInput, DateInputGroup, DatePicker, DatePickerButton, DatePickerContent, DateSegment, iconButtonVariants, Label, } from 'ui' export function Default() { return ( Date {(segment) => }

{(day) => {day}} {(date) => } ) }`,children:(0,n.jsx)(l.pre,{style:{backgroundColor:"#282A36",color:"#F8F8F2"},tabIndex:"0","data-language":"tsx","data-theme":"dracula",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"dracula",style:{display:"grid"},children:[(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" { ChevronDown, ChevronLeft, ChevronRight } "}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"lucide-react"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" {"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" Calendar,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarCell,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarGrid,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarGridBody,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarGridHeader,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarHeader,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarHeaderCell,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarHeading,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarNextButton,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" CalendarPrevButton,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DateInput,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DateInputGroup,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DatePicker,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DatePickerButton,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DatePickerContent,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" DateSegment,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" iconButtonVariants,"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" Label,"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"} "}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"ui"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:" "}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:" function"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B"},children:" Default"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"() {"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:" return"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" ("})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DatePicker"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" isDisabled"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"Label"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">Date"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DateInputGroup"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"relative pr-10"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DateInput"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">{("}),(0,n.jsx)(l.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"segment"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DateSegment"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" segment"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"{segment} />}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"div"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"absolute inset-y-0 right-0 flex items-center p-1"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DatePickerButton"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B"},children:"iconButtonVariants"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" variant"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"subtle"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"sm"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"ml-auto shrink-0"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" })}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"ChevronDown"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"16"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"3"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"DatePickerContent"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"Calendar"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarHeader"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarPrevButton"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B"},children:"iconButtonVariants"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" variant"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"outline"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"sm"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" })}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"ChevronLeft"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"16"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"3"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarHeading"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarNextButton"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B"},children:"iconButtonVariants"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" variant"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"outline"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:" '"}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"sm"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:"'"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:","})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" })}"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" >"})}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"ChevronRight"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" size"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"16"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" strokeWidth"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F1FA8C"},children:"3"}),(0,n.jsx)(l.span,{style:{color:"#E9F284"},children:'"'}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" />"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarGrid"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarGridHeader"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" {("}),(0,n.jsx)(l.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"day"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarHeaderCell"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">{day}}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarGridBody"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:">"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" {("}),(0,n.jsx)(l.span,{style:{color:"#FFB86C",fontStyle:"italic"},children:"date"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:") "}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" <"}),(0,n.jsx)(l.span,{style:{color:"#8BE9FD",fontStyle:"italic"},children:"CalendarCell"}),(0,n.jsx)(l.span,{style:{color:"#50FA7B",fontStyle:"italic"},children:" date"}),(0,n.jsx)(l.span,{style:{color:"#FF79C6"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"{date} />}"})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsxs)(l.span,{"data-line":"",children:[(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" "})]}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:" )"})}),` `,(0,n.jsx)(l.span,{"data-line":"",children:(0,n.jsx)(l.span,{style:{color:"#F8F8F2"},children:"}"})})]})})})})]})}function P(e={}){let{wrapper:l}=e.components||{};return l?(0,n.jsx)(l,Object.assign({},e,{children:(0,n.jsx)(C,e)})):C(e)}var v=P;function t(e,l){throw new Error("Expected "+(l?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return A(x);})(); ;return Component;

Date Picker

Installation

Examples

Default

Disabled