All Projects → iamsimakov → ra-datetime-input

iamsimakov / ra-datetime-input

Licence: MIT license
ra-datetime-input

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to ra-datetime-input

Awesome Uikit
Collect JS Frameworks, Web components library and Admin Template.
Stars: ✭ 1,136 (+4107.41%)
Mutual labels:  react-admin
React Admin Low Code
react-admin (via ra-data-hasura-graphql provider) + hasura = :)
Stars: ✭ 161 (+496.3%)
Mutual labels:  react-admin
react-admin-boilerplate
React-admin-boilerplate: react+antd+hook
Stars: ✭ 33 (+22.22%)
Mutual labels:  react-admin
Ant Back
🚀 react后台,后台管理系统
Stars: ✭ 90 (+233.33%)
Mutual labels:  react-admin
Ra Data Opencrud
A react-admin data provider for Prisma and GraphCMS
Stars: ✭ 142 (+425.93%)
Mutual labels:  react-admin
Notus React
Notus React: Free Tailwind CSS UI Kit and Admin
Stars: ✭ 173 (+540.74%)
Mutual labels:  react-admin
Ra Jsonapi Client
JSON API data provider for react-admin.
Stars: ✭ 50 (+85.19%)
Mutual labels:  react-admin
ra-input-markdown
A markdown editor for react-admin
Stars: ✭ 22 (-18.52%)
Mutual labels:  react-admin
Notus Nextjs
Notus NextJS: Free Tailwind CSS UI Kit and Admin
Stars: ✭ 152 (+462.96%)
Mutual labels:  react-admin
ra-data-postgrest
react admin client for postgREST
Stars: ✭ 80 (+196.3%)
Mutual labels:  react-admin
React Antd Admin
一個简洁的 antd-react-admin 应用 -- React + Antd 后台管理系统
Stars: ✭ 99 (+266.67%)
Mutual labels:  react-admin
Ra Data Feathers
A feathers rest client for react-admin
Stars: ✭ 135 (+400%)
Mutual labels:  react-admin
Fashop Admin
微信小程序商城后台,微信小程序微店后台,接口基于FaShop
Stars: ✭ 198 (+633.33%)
Mutual labels:  react-admin
Express Sequelize Crud
Simply expose resource CRUD (Create Read Update Delete) routes for Express & Sequelize. Compatible with React Admin Simple Rest Data Provider
Stars: ✭ 65 (+140.74%)
Mutual labels:  react-admin
react-ant-admin
此框架使用与二次开发,前端框架使用react,UI框架使用ant-design,全局数据状态管理使用redux,ajax使用库为axios。用于快速搭建中后台页面。
Stars: ✭ 52 (+92.59%)
Mutual labels:  react-admin
React Admin Import Csv
A csv file import button for react-admin
Stars: ✭ 63 (+133.33%)
Mutual labels:  react-admin
Synapse Admin
https://hub.docker.com/r/awesometechnologies/synapse-admin
Stars: ✭ 179 (+562.96%)
Mutual labels:  react-admin
ra-data-prisma
Packages to connect react-admin with prisma version 2
Stars: ✭ 73 (+170.37%)
Mutual labels:  react-admin
veact-admin
🔏 Admin client for surmon.me blog powered by React & @veactjs
Stars: ✭ 39 (+44.44%)
Mutual labels:  react-admin
Tomato Work
🍅 Tomato Work for React 个人事务管理系统
Stars: ✭ 223 (+725.93%)
Mutual labels:  react-admin

ra-datetime-input

Unofficial DateTimeInput component for react-admin.

Component was updated from aor-datetime-input and versioning now started from v1.9.0 New package https://www.npmjs.com/package/ra-datetime-input

Component will work in two steps:

  1. Select date

date

  1. Select time

time

Just try it!

Installation

npm install ra-datetime-input --save

Usage

import React from 'react';
import {
    Edit,
    TextInput,
    LongTextInput,
    TabbedForm,
    FormTab,
} from 'react-admin'
import DateTimeInput from 'ra-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) 2019 iamsimakov.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].