Prime
import "react-multi-date-picker/styles/layouts/prime.css"
.
.
.
<DatePicker
className="rmdp-prime"
showOtherDays
/>
Mobile
import "react-multi-date-picker/styles/layouts/mobile.css"
.
.
.
<DatePicker
className="rmdp-mobile"
/>
Changing The Text Of The Action Buttons In Mobile Mode
import "react-multi-date-picker/styles/layouts/mobile.css"
.
.
.
<DatePicker
className="rmdp-mobile"
mobileLabels={{
OK: "Accept",
CANCEL: "Close",
}}
/>
Custom Mobile Buttons
import "react-multi-date-picker/styles/layouts/mobile.css"
.
.
.
const [value, setValue] = useState();
return (
<DatePicker
className="rmdp-mobile"
value={value}
onChange={setValue}
mobileButtons={[
{
label: "RESET",
type: "button",
className: "rmdp-button rmdp-action-button",
onClick: () => setValue({}),
},
]}
/>
)