@zesty-io/material 0.2.1 → 0.2.2

package/es/FieldTypeDate/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
-export interface FieldTypeDateProps extends Omit<DatePickerProps<Date, Date>, 'renderInput'> {
+import { DesktopDatePickerProps } from '@mui/x-date-pickers';
+export interface FieldTypeDateProps extends Omit<DesktopDatePickerProps<Date, Date>, 'renderInput'> {
     helperText?: string;
     error?: boolean;
     required?: boolean;

package/es/FieldTypeDate/index.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { DesktopDatePicker } from '@mui/x-date-pickers';
 import { FormControl, FormLabel, TextField } from '@mui/material';
 ;
 const FieldTypeDate = ({ label, helperText, error, required, ...props }) => {
-    return (_jsxs(FormControl, { fullWidth: true, required: required, children: [_jsx(FormLabel, { children: label }), _jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, children: _jsx(DatePicker, { "data-testid": "zds-date-picker", renderInput: (params) => _jsx(TextField, { ...params, helperText: helperText, error: error, size: "small" }), ...props }) })] }));
+    return (_jsxs(FormControl, { fullWidth: true, required: required, children: [_jsx(FormLabel, { children: label }), _jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, children: _jsx(DesktopDatePicker, { "data-testid": "zds-date-picker", renderInput: (params) => _jsx(TextField, { ...params, helperText: helperText, error: error, size: "small" }), ...props }) })] }));
 };
 export default FieldTypeDate;

package/es/FieldTypeDateTime/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { DateTimePickerProps } from '@mui/x-date-pickers/DateTimePicker';
-export interface FieldTypeDateTimeProps extends Omit<DateTimePickerProps<Date, Date>, 'renderInput'> {
+import { DesktopDateTimePickerProps } from '@mui/x-date-pickers';
+export interface FieldTypeDateTimeProps extends Omit<DesktopDateTimePickerProps<Date, Date>, 'renderInput'> {
     helperText?: string;
     error?: boolean;
     required?: boolean;

package/es/FieldTypeDateTime/index.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { DateTimePicker } from '@mui/x-date-pickers/DateTimePicker';
+import { DesktopDateTimePicker } from '@mui/x-date-pickers';
 import { TextField, FormControl, FormLabel } from '@mui/material';
 ;
 const FieldTypeDateTime = ({ label, helperText, error, required, ...props }) => {
-    return (_jsxs(FormControl, { fullWidth: true, required: required, children: [_jsx(FormLabel, { children: label }), _jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, children: _jsx(DateTimePicker, { "data-testid": "zds-date-picker", renderInput: (params) => _jsx(TextField, { ...params, helperText: helperText, error: error, size: "small" }), ...props }) })] }));
+    return (_jsxs(FormControl, { fullWidth: true, required: required, children: [_jsx(FormLabel, { children: label }), _jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, children: _jsx(DesktopDateTimePicker, { "data-testid": "zds-date-time-picker", renderInput: (params) => _jsx(TextField, { ...params, helperText: helperText, error: error, size: "small" }), ...props }) })] }));
 };
 export default FieldTypeDateTime;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zesty-io/material",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "description": "Contains custom components which are in addition to the @mui design-system",
   "author": "Zesty.io",
   "license": "MIT",

package/src/FieldTypeDate/index.tsx

@@ -1,9 +1,9 @@
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { DatePicker, DatePickerProps} from '@mui/x-date-pickers/DatePicker';
+import { DesktopDatePicker, DesktopDatePickerProps } from '@mui/x-date-pickers';
 import { FormControl, FormLabel, TextField } from '@mui/material';
 
-export interface FieldTypeDateProps extends Omit<DatePickerProps<Date, Date>, 'renderInput'> {
+export interface FieldTypeDateProps extends Omit<DesktopDatePickerProps<Date, Date>, 'renderInput'> {
   helperText?: string;
   error?: boolean;
   required?: boolean;
@@ -14,7 +14,7 @@ const FieldTypeDate = ({label, helperText, error, required, ...props}: FieldType
     <FormControl fullWidth required={required}>
       <FormLabel>{label}</FormLabel>
       <LocalizationProvider dateAdapter={AdapterDateFns}>
-        <DatePicker
+        <DesktopDatePicker
           data-testid="zds-date-picker"
           renderInput={(params) => 
             <TextField

package/src/FieldTypeDateTime/index.tsx

@@ -1,9 +1,9 @@
 import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { DateTimePicker, DateTimePickerProps} from '@mui/x-date-pickers/DateTimePicker';
+import { DesktopDateTimePicker, DesktopDateTimePickerProps } from '@mui/x-date-pickers';
 import { TextField, FormControl, FormLabel } from '@mui/material';
 
-export interface FieldTypeDateTimeProps extends Omit<DateTimePickerProps<Date, Date>, 'renderInput'> {
+export interface FieldTypeDateTimeProps extends Omit<DesktopDateTimePickerProps<Date, Date>, 'renderInput'> {
   helperText?: string;
   error?: boolean;
   required?: boolean;
@@ -14,8 +14,8 @@ const FieldTypeDateTime = ({label, helperText, error, required, ...props}: Field
     <FormControl fullWidth required={required}>
       <FormLabel>{label}</FormLabel>
       <LocalizationProvider dateAdapter={AdapterDateFns}>
-        <DateTimePicker
-          data-testid="zds-date-picker"
+        <DesktopDateTimePicker
+          data-testid="zds-date-time-picker"
           renderInput={(params) => 
             <TextField