Product
Introducing SSO
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
@openlogi/react-bootstrap-datetimepicker
Advanced tools
Readme
⚠️ This repository is not maintained anymore, please refer to this fork : https://github.com/YouCanBookMe/react-datetime
This project is a port of https://github.com/Eonasdan/bootstrap-datetimepicker for React.js
Installation :
npm install react-bootstrap-datetimepicker
Then
var DateTimeField = require('react-bootstrap-datetimepicker');
...
render: function() {
return <DateTimeField />;
}
See Examples for more details.
Name | Type | Default | Description |
---|---|---|---|
dateTime | string | moment().format('x') | Represents the inital dateTime, this string is then parsed by moment.js |
format | string | "x" | Defines the format moment.js should use to parse and output the date to onChange |
inputFormat | string | "MM/DD/YY h:mm A" | Defines the way the date is represented in the HTML input. It must be a format understanable by moment.js |
onChange | function | x => console.log(x) | Callback trigger when the date changes. x is the new datetime value. |
showToday | boolean | true | Highlights today's date |
size | string | "md" | Changes the size of the date picker input field. Sizes: "sm", "md", "lg" |
daysOfWeekDisabled | array of integer | [] | Disables clicking on some days. Goes from 0 (Sunday) to 6 (Saturday). |
viewMode | string or number | 'days' | The default view to display when the picker is shown. ('years', 'months', 'days') |
inputProps | object | undefined | Defines additional attributes for the input element of the component. |
minDate | moment | undefined | The earliest date allowed for entry in the calendar view. |
maxDate | moment | undefined | The latest date allowed for entry in the calendar view. |
mode | string | undefined | Allows to selectively display only the time picker ('time') or the date picker ('date') |
defaultText | string | {dateTime} | Sets the initial value. Could be an empty string, or helper text. |
Starting from 0.0.6, the 3 github repositories react-bootstrap-datetimepicker
, react-bootstrap-datetimepicker-npm
and react-bootstrap-datetimepicker-bower
are merged in a single one. The build process changed but the API is the same.
However now the package exports DateTimeField directly, no need to do :
var DateTimeField = require('react-bootstrap-datetimepicker').DateTimeField;
instead use :
var DateTimeField = require('react-bootstrap-datetimepicker');
There is still plenty of features missing compared to the original date time picker, hence contributions would be highly appreciated.
FAQs
A bootstrap datetime picker component for React.js
The npm package @openlogi/react-bootstrap-datetimepicker receives a total of 3 weekly downloads. As such, @openlogi/react-bootstrap-datetimepicker popularity was classified as not popular.
We found that @openlogi/react-bootstrap-datetimepicker demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Streamline your login process and enhance security by enabling Single Sign-On (SSO) on the Socket platform, now available for all customers on the Enterprise plan, supporting 20+ identity providers.
Security News
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.