@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 2.08 kB
JavaScript
import{__rest as e,__assign as i}from"../../../node_modules/tslib/tslib.es6.js";import t,{useState as a,useEffect as o}from"react";import{Box as l}from"@mui/material";import{add as r}from"date-fns";import{GuiDatePicker as n}from"../GuiDatePicker.js";import{GuiIconButton as m}from"../../Button/GuiIconButton.js";import{GuiIcon as s}from"../../../node_modules/@gsretail.com/gui-icons/dist/index.js";import"@mui/material/styles";import d from"../../../assets/theme/basicStyle.js";import u from"./GuiDateNavi.styled.js";var c=u((function(u){var c=u.label,f=u.labelWidth,v=u.labelTextAlign,b=u.required,p=u.width;u.size;var g=u.unit,h=void 0===g?"days":g,y=u.amount,x=void 0===y?1:y,C=u.onChange,w=void 0===C?function(){}:C,E=u.value,j=u.timeFormat,k=u.onClickPrev,N=void 0===k?function(){}:k,P=u.onClickNext,z=void 0===P?function(){}:P,G=u.manual,W=u.views,q=u.className,A=u.boxProps,D=e(u,["label","labelWidth","labelTextAlign","required","width","size","unit","amount","onChange","value","timeFormat","onClickPrev","onClickNext","manual","views","className","boxProps"]),F=a(E||new Date),O=F[0],B=F[1];o((function(){E&&B(E)}),[E]);var T=function(e){e&&!G&&(B(e),w(e))};return t.createElement(l,i({className:["gui-form gui-date-picker",D.disabled&&"gui-form-disabled",D.readOnly&&"gui-form-readonly",q&&q].join(" "),width:p},A),c&&t.createElement(l,{minWidth:f},t.createElement("label",{className:["gui-label",v&&"textAlign-"+v,b&&"Mui-required"].join(" ")},c)),t.createElement(l,{flexGrow:1,className:"gui-form",display:"inline-flex",gap:"2px"},t.createElement(m,{size:"tiny",onClick:function(){var e,i=r(O,((e={})[h]=-x,e));T(i),N(i)},disabled:!(!D.readOnly&&!D.disabled)},t.createElement(s,{name:"ChevronLeft",color:d.color.grey700})),t.createElement(n,i({value:O,inputFormat:j,onChange:T,views:W},D)),t.createElement(m,{size:"tiny",onClick:function(){var e,i=r(O,((e={})[h]=x,e));T(i),z(i)},disabled:!(!D.readOnly&&!D.disabled)},t.createElement(s,{name:"ChevronRight",color:d.color.grey700}))))}));c.defaultProps={labelWidth:"auto",width:"100%",size:"small"};export{c as default};