lucid-ui/lib/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: function render() {
    return /*#__PURE__*/React.createElement("section", {
      style: {
        maxWidth: 400
      }
    }, /*#__PURE__*/React.createElement(DateSelect, null, /*#__PURE__*/React.createElement(DateSelect.CalendarMonth, {
      modifiers: {
        tuesday: function tuesday(date) {
          return date.getDay() === 2;
        }
      }
    })), /*#__PURE__*/React.createElement("style", null, "\n\t\t\t\t\t.lucid-CalendarMonth .DayPicker-Day--tuesday {\n\t\t\t\t\t\tborder: 1px dotted gray;\n\t\t\t\t\t}\n\t\t\t\t"));
  }
});