diff --git a/docs-site/src/components/Examples/index.js b/docs-site/src/components/Examples/index.js index 105a1a5dd..e192e4b57 100644 --- a/docs-site/src/components/Examples/index.js +++ b/docs-site/src/components/Examples/index.js @@ -11,6 +11,7 @@ import ShowTimeOnly from "../../examples/showTimeOnly"; import ExcludeTimes from "../../examples/excludeTimes"; import IncludeTimes from "../../examples/includeTimes"; import InjectTimes from "../../examples/injectTimes"; +import FilterTimes from "../../examples/filterTimes"; import ExcludeTimePeriod from "../../examples/excludeTimePeriod"; import CustomDateFormat from "../../examples/customDateFormat"; import CustomClassName from "../../examples/customClassName"; @@ -195,6 +196,10 @@ export default class exampleComponents extends React.Component { title: "Filter dates", component: FilterDates }, + { + title: "Filter times", + component: FilterTimes + }, { title: "Fixed height of Calendar", component: FixedCalendar diff --git a/docs-site/src/examples/.eslintrc b/docs-site/src/examples/.eslintrc index a58b07f55..ac3e5796e 100644 --- a/docs-site/src/examples/.eslintrc +++ b/docs-site/src/examples/.eslintrc @@ -13,6 +13,7 @@ "useState": false, "render": false, "DatePicker": false, + "getHours": false, "setHours": false, "setMinutes": false, "getDate": false, diff --git a/docs-site/src/examples/filterTimes.js b/docs-site/src/examples/filterTimes.js new file mode 100644 index 000000000..a52da736e --- /dev/null +++ b/docs-site/src/examples/filterTimes.js @@ -0,0 +1,18 @@ +() => { + const [startDate, setStartDate] = useState( + setHours(setMinutes(new Date(), 0), 9) + ); + const from9to5 = time => { + const hour = getHours(time); + return hour >= 9 && hour < 17; + } + return ( + setStartDate(date)} + showTimeSelect + filterTime={from9to5} + dateFormat="MMMM d, yyyy h:mm aa" + /> + ); +};