the classes are undefined

[parisaabasian]

foreaxample :

and all other classes

[nimahkh]

you are so lucky , i have no style ( every classes are undefined )

[soroushoracle]

Use this css file. @thg303 gathered it from the one in the repository. don't forget to fix the extension to ".css"
evan-calender-style.css.txt

After adding styles, you need to present the styles to the DatePicker :

const styles= {
calendarContainer: 'calendarContainer',
dayPickerContainer: 'dayPickerContainer',
monthsList: 'monthsList',
daysOfWeek: 'daysOfWeek',
dayWrapper: 'dayWrapper',
selected: 'selected',
heading: 'heading'
}

then:

<DatePicker calendarStyles={styles}/>

[cybercoder]

Add this style to your css to force calendar shown on top of modals:

.tether-element {
    position: relative; z-index: 9999 !important; 
}

[asiye]

const styles = {
calendarContainer: "calendarContainer",
dayPickerContainer: "dayPickerContainer",
monthsList: "monthsList",
daysOfWeek: "daysOfWeek",
dayWrapper: "dayWrapper",
selected: "selected",
heading: "heading",
next: "next",
prev: "prev",
title: "title",
}

<Calendar styles={ styles } />
<DatePicker calendarStyles={ styles } />

[arash-safari]

when add this style careful to add last line of style { currentMonth:"currentMonth"}. this is working for me.
const styles = {
calendarContainer: "calendarContainer",
dayPickerContainer: "dayPickerContainer",
monthsList: "monthsList",
daysOfWeek: "daysOfWeek",
dayWrapper: "dayWrapper",
selected: "selected",
heading: "heading",
next: "next",
prev: "prev",
title: "title",
currentMonth:"currentMonth"
}

<Calendar styles={ styles } />
<DatePicker calendarStyles={ styles } />

[developerium]

Why is this not included in the docs?!

[Mohammad-Eslahi-Sani]

you are so lucky , i have no style ( every classes are undefined )

@nimahkh make sure you have css-loader and style-loader installed.