react-bootstrap-datetimepicker - GitLite

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #typescript #llm #go #macos #windows #awesome #vue #awesome-list #security #openai

react-bootstrap-datetimepicker

(★ 361)

[DEPRECATED] A react.js datetime picker for bootstrap

File Explorer

Download Latest Version (.zip)

- bootstrap-datetimepicker.css
- bootstrap-datetimepicker.min.css
- react-bootstrap-datetimepicker.js
- react-bootstrap-datetimepicker.min.js
- - basic.js
  - index.html
  - ParentComponent.js
- bootstrap-datetimepicker.min.css
- README.md
- webpack.config.js
- - .eslintrc
  - DateTimeField-test.js
  - DateTimePickerHours-test.js
  - DateTimePickerMinutes-test.js
  - DateTimePickerMonths-test.js
  - DateTimePickerYears-test.js
- Constants.js
- DateTimeField.js
- DateTimePicker.js
- DateTimePickerDate.js
- DateTimePickerDays.js
- DateTimePickerHours.js
- DateTimePickerMinutes.js
- DateTimePickerMonths.js
- DateTimePickerTime.js
- DateTimePickerYears.js
.babelrc
.eslintignore
.eslintrc
.gitignore
.npmignore
bower.json
CONTRIBUTING.md
jestEnvironment.js
karma.dev.js
LICENSE
package.json
README.md
TODO.md
webpack.config.js

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

⚠️ [DEPRECATED] react-bootstrap-datetimepicker
===============================

⚠️ 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

Usage
===============================

Installation :
```
npm install react-bootstrap-datetimepicker
```

Then
```javascript
var DateTimeField = require('react-bootstrap-datetimepicker');

...

render: function() {
  return <DateTimeField />;
}
```
See [Examples](examples/) for more details.

API
===============================

DateTimeField
========

| 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. |

Update Warning
===============================
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 :
```javascript
var DateTimeField = require('react-bootstrap-datetimepicker').DateTimeField;
```
instead use :
```javascript
var DateTimeField = require('react-bootstrap-datetimepicker');
```

Contributions
===============================
There is still plenty of features missing compared to the original date time picker, hence contributions would be highly appreciated.