Usage
Plugins Prop accepts an array of plugins, which the following two properties can be applied on each of them which has entered as React Component.
Prop | Default |
---|---|
position | "right" |
disabled | false |
This is the general way to add an imported plugin component to Datepicker:
import React from "react"
import DatePicker from "react-multi-date-picker"
import MyFavoritePlugin from "react-multi-date-picker/plugins/my_favorite_plugin"
import myFavoriteFunctionalPlugin from "react-multi-date-picker/plugins/my_favorite_functional_plugin"
export default function Example() {
return (
<DatePicker
plugins={[
<MyFavoritePlugin />, myFavoriteFunctionalPlugin()
]}
/>
)
}
Availble Plugins
Plugin Name | Path | Browser Path | Type |
---|---|---|---|
DatePickerHeader | plugins/date_picker_header | build/date_picker_header.browser | React Component |
DatePanel | plugins/date_panel | build/date_panel.browser | React Component |
colors | plugins/colors | build/colors.browser | Function |
Settings | plugins/settings | build/settings.browser | React Component |
weekends | plugins/highlight_weekends | build/highlight_weekends.browser | Function |
Toolbar | plugins/toolbar | build/toolbar.browser | React Component |
TimePicker | plugins/time_picker | build/time_picker.browser | React Component |
AnalogTimePicker | plugins/analog_time_picker | build/analog_time_picker.browser | React Component |
RangePickerFooter | plugins/range_picker_footer | build/range_picker_footer.browser | React Component |
Positions
- top
- bottom
- left
- right