How to Use Ant Design Calendar Component in ReactJS | Antd Calendar Tutorial

#reactjs #antd #calendar
In this Antd Calendar Tutorial I have explained how to use ant design calendar component in ReactJS for your different purposes.

This video focuses on
- How to use ant design calendar component in ReactJS
- How to render antd calendar inside a ReactJS div
- How to select antd calendar date
- How to chose month, year and date or antd calendar in ReactJS
- How to toggle month vs date view of antd calendar in ReactJS
- How to render custom messages on antd calendar date cells
- How to render custom messages on antd calendar month cells
- How to disable calendar dates using antd calendar in ReactJS
- How to make some calendar dates as not selectable in ReactJS

Happy Coding!

[givikoqiria]

can u show us how to change week day format ? for example make first day in calendar monday instead of sunday

[zainurrouf]

How to add same event for multiple days? Like fullcalendar timeline

[arnaudpoutieu]

Hi Aamir. Nice one as calendar view is very important for admin dashboard in many cases.
I have a question though: is it feasible to configure the schedule view like the one Google Calendar feature offers?

[Anonymous-ylwk]

hey, do you know how I can to change language in calendar? So that the days of the week and months are on Russian?

[CherryBomb-]

@CodeWithAamir Hello Aamir thanks for all the videos regarding antdesing you've made, they've been really helpful. I've got a question about this particular component, is there any way to change the laguange in which the calendar is displayed?

[eshw]

It says dateCellRender is depreciated even though there most recent docs say use dateCellRender

[elchewin]

how can i do for the calendar to show the hour and minute like google calendar?

[johndavis]

can we customize a calendar showing dates background in different colors?

[cristianyezidfortichalmanz]

Hi. Is it possible to remove the "year" selector on the header?

[Marwa]

Hii actually I have one issue is that I basically have 2 date pickers in form one is taking from year and other one is taking to year can you please tell me when selecting from year date from my first date picker than 2nd datepicker which is taking to year .the years less than 1st datepicker should be disabled I know there is range picker but it's not working in antd 3 so that's why I did like this so can please help how I can disable to years datepicker years < from datepicker

[pujandesai]

plz help me
can we add full row a color in calendar with text