@gsretail.com/gui-core/build/core/Date/GuiDateRangeCalendar.js

A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook

import{__rest as e,__assign as a}from"../../node_modules/tslib/tslib.es6.js";import t from"react";import{Box as o}from"@mui/material";import"../../node_modules/react-date-range/dist/index.js";import"../../node_modules/react-date-range/dist/locale/index.js";import r from"./GuiDateRangeCalendar.styled.js";import{__exports as s}from"../../_virtual/index.js";import{__exports as i}from"../../_virtual/index2.js";var n=r((function(r){var n=r.width,d=r.disabled,l=r.readOnly,m=r.showDateDisplay,y=r.today,c=r.range,p=r.onChange,g=r.sx,h=r.className,u=r.boxProps,f=e(r,["width","disabled","readOnly","showDateDisplay","today","range","onChange","sx","className","boxProps"]);return t.createElement(o,a({className:["gui-form gui-date-picker",d&&"gui-form-disabled",l&&"gui-form-readonly",h&&h].join(" "),width:n},u,{sx:g}),t.createElement(o,{flexGrow:1,className:"gui-date-range",position:"relative",overflow:"hidden"},t.createElement(s.DateRange,a({ranges:[a({key:"selection"},c)],onChange:p,showMonthAndYearPickers:!0,showDateDisplay:m,moveRangeOnFirstSelection:!1,direction:"horizontal",locale:i.ko,monthDisplayFormat:"yyyy년 MM월",weekdayDisplayFormat:"eeeee",dateDisplayFormat:"yyyy-MM-dd",startDatePlaceholder:"yyyy-MM-dd",endDatePlaceholder:"yyyy-MM-dd"},f)),d||l?t.createElement(o,{className:"disabled-static"}):null,y&&t.createElement(s.DefinedRange,{onChange:function(e){p(e)},ranges:[a({key:"selection"},c)]})))}));n.defaultProps={months:1,showDateDisplay:!1,today:!0};export{n as GuiDateRangeCalendar,n as default};