@everreal/react-date-pickers v1.1.10

@everreal/react-date-pickers

Wrappers over @material-ui/pickers as redux-form components, built with typescript.

yarn install
yarn dev #-> builds the storybook

Example:

import * as React from 'react';
import { reduxForm } from 'redux-form';
import { FormDatePicker } from '@everreal/react-date-pickers/lib/Form/FormDatePicker';
import { FormTimePicker } from '@everreal/react-date-pickers/lib/Form/FormTimePicker';
import { FormDateTimePicker } from '@everreal/react-date-pickers/lib/Form/FormDateTimePicker';

export const MyForm = () =>
  reduxForm({ form: 'MY_FORM' })(
    <form onSubmit={handleSubmit(onSubmit)}>
      <FormDatePicker
        name="formDatePicker"
        autoOk
        openToYearSelection
        clearable
        required
        fullWidth
        animateYearScrolling
        dateFormat="dd/MM/YYYY" // -> use date format
        label={<FormattedMessage id="App.custom.react-int.label" />}
        placeholderLocale="App.custom.react-int.placeholder"
      />

      <FormTimePicker name="formTimePicker" autoOk fullWidth required ampm={false} label="Form TimePicker" />

      <FormDateTimePicker name="formDateTimePicker" autoOk fullWidth required ampm={false} label="Form DateTimePicker" />
    </form>,
  );