@gsretail.com/gui-core/build/node_modules/@mui/x-date-pickers/internals/components/PickersToolbar.js

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

import e from"../../../../@babel/runtime/helpers/esm/extends.js";import*as o from"react";import{clsx as t}from"../../../../clsx/dist/clsx.m.js";import n from"@mui/material/Grid";import r from"@mui/material/Typography";import i from"@mui/material/IconButton";import{styled as a,useThemeProps as s}from"@mui/material/styles";import{unstable_composeClasses as l}from"@mui/material";import{Clock as c,Calendar as m,Pen as p}from"./icons/index.js";import{useLocaleText as d}from"../hooks/useUtils.js";import{pickersToolbarClasses as u,getPickersToolbarUtilityClass as f}from"./pickersToolbarClasses.js";import{jsxs as b,jsx as x}from"react/jsx-runtime";const h=a("div",{name:"MuiPickersToolbar",slot:"Root",overridesResolver:(e,o)=>o.root})((({theme:o,ownerState:t})=>e({display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"space-between",padding:o.spacing(2,3)},t.isLandscape&&{height:"auto",maxWidth:160,padding:16,justifyContent:"flex-start",flexWrap:"wrap"}))),w=a(n,{name:"MuiPickersToolbar",slot:"Content",overridesResolver:(e,o)=>o.content})((({ownerState:o})=>e({flex:1},!o.isLandscape&&{alignItems:"center"}))),g=a(i,{name:"MuiPickersToolbar",slot:"PenIconButton",overridesResolver:(e,o)=>[{[`&.${u.penIconButtonLandscape}`]:o.penIconButtonLandscape},o.penIconButton]})({}),I=e=>x("clock"===e?c:m,{color:"inherit"}),y=o.forwardRef((function(e,o){const n=s({props:e,name:"MuiPickersToolbar"}),{children:i,className:a,getMobileKeyboardInputViewButtonText:c,isLandscape:m,isMobileKeyboardViewOpen:u,landscapeDirection:y="column",toggleMobileKeyboardView:B,toolbarTitle:v,viewType:T="calendar"}=n,j=n,k=d(),L=(e=>{const{classes:o,isLandscape:t}=e;return l({root:["root"],content:["content"],penIconButton:["penIconButton",t&&"penIconButtonLandscape"]},f,o)})(j);return b(h,{ref:o,className:t(L.root,a),ownerState:j,children:[x(r,{color:"text.secondary",variant:"overline",children:v}),b(w,{container:!0,justifyContent:"space-between",className:L.content,ownerState:j,direction:m?y:"row",alignItems:m?"flex-start":"flex-end",children:[i,x(g,{onClick:B,className:L.penIconButton,ownerState:j,color:"inherit","aria-label":c?c(u,T):k.inputModeToggleButtonAriaLabel(u,T),children:u?I(T):x(p,{color:"inherit"})})]})]})}));export{y as PickersToolbar};