fix: date component issues resolved

Author: vip-git

scripts/generator/components.json

@@ -90,7 +90,7 @@
             "utils": ["@react-jsonschema-form-utils/enum-utils"]
         },
         "@react-jsonschema-form-components/material-picker": {
-            "version": "4.0.3",
+            "version": "4.0.4",
             "type": "string",
             "hasDist": true,
             "isEnum": false,

scripts/generator/package-lock.json

@@ -15,7 +15,7 @@
     "@react-jsonschema-form-components/material-auto-complete": "3.0.0",
     "@react-jsonschema-form-components/material-checkbox": "3.0.0",
     "@react-jsonschema-form-components/material-input": "3.0.0",
-    "@react-jsonschema-form-components/material-picker": "4.0.3",
+    "@react-jsonschema-form-components/material-picker": "4.0.4",
     "@react-jsonschema-form-components/material-radio-group": "3.0.0",
     "@react-jsonschema-form-components/material-select": "3.0.0",
     "@react-jsonschema-form-components/react-select": "4.0.0",

scripts/generator/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-jsonschema-form-components/material-picker",
-  "version": "4.0.3",
+  "version": "4.0.4",
   "author": "Vipin Tanna",
   "main": "dist/index.js",
   "scripts": {

src/fields/components/Picker/package.json

@@ -15,6 +15,7 @@ export default ({
   htmlid, 
   type, 
   uiSchema = {}, 
+  schema,
   onChange, 
   ...rest
 }) => {
@@ -33,16 +34,17 @@ export default ({
             <PickerComp
                 mask={placeholder}
                 label={label}
-                toolbarTitle={label}
+                toolbarTitle={schema.title}
                 value={typeof value === 'undefined' ? null : value}
                 inputFormat={format}
                 open={open}
                 onClose={() => setOpen(false)}
+                cancelText={false}
+                readOnly={false}
                 renderInput={(params) => (
                   <TextField 
                     {...params} 
                     style={{ width: '100%'}}
-                    onClick={() => setOpen(true)}
                     InputProps={{
                       endAdornment: (
                         <InputAdornment position='end'>

src/fields/components/Picker/src/index.tsx

@@ -6,16 +6,16 @@ import TimePicker from '@mui/lab/TimePicker';
 
 export const renderPickerComp = (type) => {
   switch (type) {
-    case 'material-desktop-date':
+    case 'material-mobile-date':
       return {
-        PickerComp: DesktopDatePicker,
+        PickerComp: MobileDatePicker,
         maskInput: [/\d/, /\d/, '-', /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
         format: 'DD-MM-YYYY',
         placeholder: '__-__-____',
       };
     case 'material-date':
       return {
-        PickerComp: MobileDatePicker,
+        PickerComp: DesktopDatePicker,
         maskInput: [/\d/, /\d/, '-', /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
         format: 'DD-MM-YYYY',
         placeholder: '__-__-____',
@@ -63,7 +63,7 @@ export const renderPickerComp = (type) => {
       };
     default:
       return {
-        PickerComp: MobileDatePicker,
+        PickerComp: DesktopDatePicker,
         maskInput: [/\d/, /\d/, '-', /\d/, /\d/, '-', /\d/, /\d/, /\d/, /\d/],
         format: 'DD-MM-YYYY',
         placeholder: '__-__-____',