@gsretail.com/gui-core
Version:
A skeleton to create your own React component library using Rollup, TypeScript, Sass and Storybook
2 lines (1 loc) • 1.85 kB
JavaScript
import e from"../../../@babel/runtime/helpers/esm/extends.js";import*as r from"react";import t from"../../../prop-types/index.js";import o from"@mui/material/Tab";import a,{tabsClasses as i}from"@mui/material/Tabs";import{styled as n,useThemeProps as s}from"@mui/material/styles";import{unstable_composeClasses as m}from"@mui/material";import{DateRange as p,Time as l}from"../internals/components/icons/index.js";import{WrapperVariantContext as d}from"../internals/components/wrappers/WrapperVariantContext.js";import{useLocaleText as c}from"../internals/hooks/useUtils.js";import{getDateTimePickerTabsUtilityClass as u}from"./dateTimePickerTabsClasses.js";import{jsxs as b,jsx as f}from"react/jsx-runtime";const h=n(a,{name:"MuiDateTimePickerTabs",slot:"Root",overridesResolver:(e,r)=>r.root})((({ownerState:r,theme:t})=>e({boxShadow:`0 -1px 0 0 inset ${t.palette.divider}`},"desktop"===r.wrapperVariant&&{order:1,boxShadow:`0 1px 0 0 inset ${t.palette.divider}`,[`& .${i.indicator}`]:{bottom:"auto",top:0}}))),v=function(t){const a=s({props:t,name:"MuiDateTimePickerTabs"}),{dateRangeIcon:i=f(p,{}),onChange:n,timeIcon:v=f(l,{}),view:x}=a,T=c(),w=r.useContext(d),j=e({},a,{wrapperVariant:w}),y=(e=>{const{classes:r}=e;return m({root:["root"]},u,r)})(j);return b(h,{ownerState:j,variant:"fullWidth",value:(g=x,["day","month","year"].includes(g)?"date":"time"),onChange:(e,r)=>{n("date"===r?"day":"hours")},className:y.root,children:[f(o,{value:"date","aria-label":T.dateTableLabel,icon:f(r.Fragment,{children:i})}),f(o,{value:"time","aria-label":T.timeTableLabel,icon:f(r.Fragment,{children:v})})]});var g};"production"!==process.env.NODE_ENV&&(v.propTypes={classes:t.object,dateRangeIcon:t.node,onChange:t.func.isRequired,timeIcon:t.node,view:t.oneOf(["day","hours","minutes","month","seconds","year"]).isRequired});export{v as DateTimePickerTabs};