aor-datetime-inputdeprecated

aor-datetime-input

Usage no npm install needed!

<script type="module">
  import aorDatetimeInput from 'https://cdn.skypack.dev/aor-datetime-input';
</script>

README

aor-datetime-input

DateTimeInput component for Admin-on-Rest. Some tips:

  • TimePicker has not prop container and it's always as the dailog(by therminology DatePicker), and so container='dialog' for DatePicker is hard-code option.
  • Also a button to clear field is placed to component.
  • For DatePicker and TimePicker was set hard-code style to place its in one line.

Component will work in two steps:

  1. Select date

date

  1. Select time

time

Just try it!

Installation

npm install aor-datetime-input --save

Usage

import React from 'react';
import {
    Edit,
    TextInput,
    LongTextInput,
    TabbedForm,
    FormTab,
} from 'admin-on-rest'
import DateTimeInput from 'aor-datetime-input';

export const NewsEdit = (props) => (
  <Edit title={<NewsTitle />} {...props}>
    <TabbedForm>
      <FormTab>
        <LongTextInput source="title" validate={required} />
        <DateTimeInput source="publish_date" validate={required} />
      </FormTab>
    </TabbedForm>
  </Edit>
);

Development

You can build sources:

npm run build

License

This library is licensed under the MIT Licence.

Copyright (c) 2017 iamsimakov.