clearable-material-ui-date-picker.js

clearable-material-ui-date-picker.js

// credit to Michael Lennon
import React, {Component, button} from "react";
import PropTypes from "prop-types";
import DatePicker from "material-ui/DatePicker";
import moment from "moment-timezone";

function DatePickerClearable({style, datePickerStyle={}, ...datePickerProps}) {

  function clearBtnClickWrapper() {
    datePickerProps.onChange(null, null); // (event, newValue)
  }

  return (
    <div>
      <DatePicker
        style={datePickerStyle}
        {...datePickerProps}
        fullWidth={true}
      />
        <button
          onTouchTap={clearBtnClickWrapper}
    >Clear</button>
    </div>
  );
}