I am using antd date picker. Is there a way to show months and days in date picker in welsh language?
Referred this doc https://ant.design/docs/react/i18n
But couldn't find welsh in it. Is there a way to add welsh in the antd datepicker.
Thanks in advance
Ant Design doesn't seem to support Welsh, but you can add it by yourself.
They state here how you could add a new language to the datepicker, and they even give you an example pull request so you can know which files to add/change.
The best you could do right now is fork the repo, add support for Welsh, make a PR to the project and while it isn't accepted use your own forked version.
Related
I need to create Date picker for reservation project in React Js. I need calendar view which left side row will show time with hours and upper days of the week). Unfortunately I could not find such component or npm package for using. Could you please suggest me any package which I can use for such kind of view.
I am not saying that kind of datepicker does not exist but it sure is rare and could be something that might end up demanding you to create your own.
What I would recommend is the AirBnb datepicker:
https://www.npmjs.com/package/react-dates
You can look at this code example if reading the npm docs isn't clear:
https://github.com/airbnb/react-dates
Easy to use
As for the times and everything maybe that could be a side logic that you could self when one has selected dates
Could someone help me out in creating a calendar component using react and material UI. The calendar should be similar to the one as shown in the link https://react.rocks/example/react-big-calendar . I've checked the scheduler component for material UI but as per what I have understood, it is licensed. Can someone help me out in suggesting how I can start with the design part for the calendar. Thanks a lot in advance!
I have tried long time with this process and realized, we should not do that. It's painful and especially takes lots efforts, does not worth for the user requirements.
You can use another library like this.
I use a DateTime Picker in an editor of my app (within a PickerComponent). I'm using it only in lightweight mode, since DateTime Picker fail on Android if not (not tested since some months, but I suppose it still the case).
I've successfully translated the buttons "Cancel" and "Done" with the L10N API, but I can't translate months (for Date type) or abbreviated day/month (for DateTime).
The keys for each months are putted in the .res file, that worked for the buttons, but it does not work for the months of the picker.
Any hint on how to achieve this localization ? Some of our customer are really bad at english... Thanks in advance !
This is localized via SimpleDateFormat and its class DateFormatSymbols. Unfortunately this has no way to globally customize that value using the standard project resource bundle which seems to be a serious omission of that code. This is something we'll need to fix via the issue tracker, I don't see a short term workaround from a brief glance at the code as it assumes you would have access to the SimpleDateFormat which is highly impractical.
I am working on ReactJS project. I want to use Calendar which will highlight Indonesian holidays, and also I want to highlight some specific dates and disable other dates.
I am searching over the google and tried many solutions but didn't get any solution as I required.
I would love to appreciate any help from you guys.
Thanks in advance.
I have a task from UX designers to create a datepicker that displays multiple months + time.
In our project, we are currently using react-datepicker library to manage our datepickers.
This is the react component used in our project:
https://hacker0x01.github.io/react-datepicker/
The react-datepicker supports both multiple months and time.
The library itself puts the time on the right side of the calendar. However, the UX designers want the time to be at the bottom.
Is there a proper way in doing this without messing around the date-picker library itself? I know it is a big no no to mess around with the library itself, but what options do I have?
Is there a way around this?
If not, I might have to renegotiate with the UX designers.
I decided to create a reusable date range picker component from scratch. I will not be using the react-datepicker at all for this case.