lucid-ui/dist/components/DateSelect/examples/6.custom-modifiers.js

A UI component library from AppNexus.

import React from 'react';
import createClass from 'create-react-class';
import { DateSelect } from '../../../index';
import timemachine from 'timemachine';
timemachine.config({
    dateString: 'December 25, 2018 13:12:59',
});
export default createClass({
    render() {
        return (React.createElement("section", { style: { maxWidth: 400 } },
            React.createElement(DateSelect, null,
                React.createElement(DateSelect.CalendarMonth, { modifiers: {
                        tuesday: (date) => date.getDay() === 2,
                    } })),
            React.createElement("style", null, `
					.lucid-CalendarMonth .DayPicker-Day--tuesday {
						border: 1px dotted gray;
					}
				`)));
    },
});