mui-pickers-v3.

[WiXSL]

I've created a branch in my fork compatible with react-admin v3.

• material-ui-pickers change to @material-ui/pickers v3.
• Dependencies upgraded.
• Uses a functional component.
• Uses react-admin useInput instead of the deprecated addField.
• Added KeyboardDateInput, KeyboardDateTimeInput and KeyboardTimeInput.
• Ported props from react-admin's DateInput component for consistency with the rest of react-admin input components.

You can check it out here:
https://github.com/WiXSL/react-admin-date-inputs/tree/mui-pickers-v3

[mrclayman]

Thanks a lot for this. I am a noob when it comes to web development, so I'd love it if you could publish your fork through npm where I could pick it up easily. 😊

Thanks again for your efforts. ❤️

[WiXSL]

Thank you!
I'm still working on it.
In the meantime you could install it like a regular npm package pointing to my repo in your package.json file like this:

{ "react-admin-date-inputs": "WiXSL/react-admin-date-inputs#mui-pickers-v3" }

[hamedov93]

I have already upgraded the repo to reac-admin v3 and mui-pickers v3 2 months ago.
See this pull requests:
#40
But looks like the author abandoned the repo and the changes won't be merged.

[WiXSL]

They finally merge it!

In using the one in my fork since I believe is more visually consistent with the latest version of react-admin, plus I've added other components, but since yours have been merged, I could send a PR with the changes.

Could you check my fork and give me some feedback?

[ihrigb]

Sorry for the delay.
@WiXSL please go ahead. Only thing is that I do not have access to the NPM package and cannot publish a new version. This can only be done by @vascofg.

[hamedov93]

They finally merge it!

In using the one in my fork since I believe is more visually consistent with the latest version of react-admin, plus I've added other components, but since yours have been merged, I could send a PR with the changes.

Could you check my fork and give me some feedback?

@WiXSL
Of course your fork is better as you added more components and react-admin core features.
Great work .
I just wanted to get a minimal compatible version as I was short in time.

You could apply your changes to the current merged code to make it more consistent.

[WiXSL]

I've created the PR. https://github.com/vascofg/react-admin-date-inputs/pull/47/files

[lngarrett]

@WiXSL Will this be on NPM today?

[WiXSL]

No, when it gets merge, if it's accepted.
In the meantime, as I comment before, you can install from my fork adding the following to your package.json file:

{ "react-admin-date-inputs": "WiXSL/react-admin-date-inputs#mui-pickers-v3" }

[kopax]

Thanks it work great with v3, I just have one question, using mui-pickers-v3, is there a way I can allow only date from today to the end of the world or It can just allow all date?

[WiXSL]

I belive passing disablePast=true prop should do that according to the API docs:
https://material-ui-pickers.dev/api/KeyboardDatePicker

[chungchi300]

cannot run when usage @WiXSL

          <DateTimeInput
            source="startDateTime"
            label="End time"
            options={{
              format: "DD/MM/YYYY, HH:mm:ss",
              ampm: false,
              clearable: true,
            }}
          />

Exception is thrown

Can't resolve 'ra-ui-materialui' in '/Users/jeffchung/work/auction-gui/packages/admin/node_modules/react-admin-date-inputs/lib'

 "react-admin": "3.4.2",
 "react-admin-color-input": "^3.0.0-beta.0",
 "react-admin-date-inputs": "WiXSL/react-admin-date-inputs#mui-pickers-v3",

[WiXSL]

@chungchi300 using your code i only get complaints from react about the format. it should be:
format: "dd/MM/yyyy, HH:mm:ss",

Other than that it works.