input-moment - React datetime picker powered by momentjs

  •        156

React datetime picker powered by momentjs

https://github.com/wangzuo/input-moment#readme
https://github.com/wangzuo/input-moment

Dependencies:

classnames : ^2.2.0
lodash : ^4.17.4
react-input-slider : ^1.5.0

Tags
Implementation
License
Platform

   




Related Projects

CalendarPicker - CalendarPicker Component for React Native

  •    Javascript

Note: react-native-calendar-picker v5 is a complete re-write of the calendar. This calendar is now written using ES6 syntax. I kept most of the same functionalities and added support for date ranges. CalendarPicker requires Moment JS. Date props may be anything parseable by Moment: Javascript Date, Moment date, or ISO8601 datetime string.

react-native-masked-text - A simple masked text and input text component for React-Native.

  •    Javascript

This is a simple masked text (normal text and input text) component for React-Native. credit-card: use the mask 9999 9999 9999 9999. It accepts options (see later in this doc). cpf: use the mask 999.999.999-99 and numeric keyboard. cnpj: use the mask 99.999.999/9999-99 and numeric keyboard. zip-code: use the mask 99999-999 and numeric keyboard. only-numbers: accept only numbers on field with numeric keyboard. money: use the mask R$ 0,00 on the field with numeric keyboard. It accepts options (see later in this doc). cel-phone: use the mask (99) 9999-9999 or (99) 99999-9999 (changing automaticaly by length). It accepts options (see later in this doc). datetime: use datetime mask with moment format (default DD/MM/YYYY HH:mm:ss). It accepts options (see later in this doc). custom: use your custom mask (see the options props later in this doc).

react-native-date-picker - React Native Date Picker - A datepicker for Android and iOS

  •    Java

📅   React Native Date Picker is a cross platform component working on both iOS and Android. It uses the slightly improved DatePickerIOS on iOS and a custom picker on Android which has similar look and feel. The datetime mode might be particulary interesting if you looking for a way to avoid two different popup pickers on android. Unfortunately, expo does not support this date picker at the moment. Upvote this feature request if you would like to have it included.

react-datepicker - A simple and reusable datepicker component for React

  •    Javascript

You’ll need to install React, PropTypes, and Moment.js separately since those dependencies aren’t included in the package. Below is a simple example of how to use the Datepicker in a React view. You will also need to require the CSS file from this package (or provide your own). The example below shows how to include the CSS from this package if your build system supports requiring CSS files (Webpack is one that does). See here for a full list of props that may be passed to the component. Examples are given on the main website.


react-native-keyboard-input - Use your own custom input component instead of the system keyboard

  •    Objective-C

Presents a React component as an input view which replaces the system keyboard. Can be used for creating custom input views such as an image gallery, stickers, etc. Supports both iOS and Android.

angular-moment-picker - Angular Moment Picker is an AngularJS directive for date and time picker using Moment

  •    TypeScript

Check out the homepage at http://indrimuska.github.io/angular-moment-picker/. Angular Moment Picker is a native AngularJS directive for date and time picker that uses Moment.js and does not require jQuery.

react-native-modal-datetime-picker - A React-Native datetime-picker for Android and iOS

  •    Javascript

A declarative cross-platform react-native datetime-picker. This library exposes a cross-platform interface for showing the native date-picker and time-picker inside a modal. You will have an unified user experience, you won't have to worry anymore about testing the device platform and you won't have to programmatically call the Android TimePicker/DatePicker APIs.

react-search-input - :mag: Simple react

  •    Javascript

Simple React component for a search input, providing a filter function. All props are optional. All other props will be passed to the DOM input.

react-maskedinput - Masked <input/> React component

  •    Javascript

A React component for <input> masking, built on top of inputmask-core. The browser bundle exposes a global MaskedInput variable and expects to find a global React variable to work with.

react-native-autocomplete-input - Pure javascript autocomplete input for react-native

  •    Javascript

A pure JS autocomplete component for React Native. Use this component in your own projects or use it as inspiration to build your own autocomplete. Tested with RN >= 0.26.2. If you want to use RN < 0.26 try to install react-native-autocomplete-input <= 0.0.5.

react-rangeslider - A lightweight responsive react range slider component

  •    Javascript

A fast & lightweight react component as a drop in replacement for HTML5 input range slider element. React-Rangeslider is bundled with a slider component & default styles which can be overridden depending on your design requirements.

react-native-timeago - An auto-updating timeago component for React Native using moment.js

  •    Javascript

An auto-updating timeago component for React Native using moment.js. All normal Text props are applicable (including style). Use the interval prop to change the update interval in milliseconds (default: 60000).

react-number-format - React component to format numbers in an input or as a text.

  •    Javascript

In typescript you also have to enable "esModuleInterop": true in your tsconfig.json (https://www.typescriptlang.org/docs/handbook/compiler-options.html). Other than this it accepts all the props which can be given to a input or span based on displayType you selected.

react-bootstrap-daterangepicker - A date/time picker for react (using bootstrap)

  •    Javascript

This is a commonjs library. You will need a tool like browserify/webpack/etc to build your code. For in depth documentation, see the original bootstrap-daterangepicker project page.

react-native-modal-picker - A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections

  •    Javascript

A cross-platform (iOS / Android), selector/picker component for React Native that is highly customizable and supports sections. You can either use this component as an wrapper around your existing component or use it in its default mode. In default mode a customizable button is rendered.

react-input-enhancements - Set of enhancements for input control

  •    Javascript

The intention of creating this library was to bring input component out of the dropdown/autocomplete/whatever code, so it could be easily replaced with your custom component, and also to split independent functionality into different components, which could be combined with each other (still not quite sure it was worth it, though). NB: these are not "high quality, ready for production components" - they are more of a concept (which is a fancy word for "they are still quite buggy"). Think twice before using it in production.

react-tags - A fantastically simple tagging component for your React projects

  •    Javascript

React-tags is a simple tagging component ready to drop in your React projects. The component is inspired by GMail's To field in the compose window. Because I was looking for an excuse to build a standalone component and publish it in the wild? To be honest, I needed a tagging component that provided the above features for my React-Surveyman project. Since I was unable to find one which met my requirements (and the fact that I generally enjoy re-inventing the wheel) this is what I came up with.