# bootstrap-material-datetimepicker > . Latest version **2.7.3** (published 2017-04-14) · ISC license · 0 weekly downloads ## Install ```sh npm install bootstrap-material-datetimepicker pnpm add bootstrap-material-datetimepicker yarn add bootstrap-material-datetimepicker bun add bootstrap-material-datetimepicker ``` ## Health **Score 20/100 (F)** — status: abandoned. Positive: has types; no vulnerabilities. Warnings: low downloads; no esm support. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 2.7.3 | | Published | 2017-04-14 | | First published | 2017-03-02 | | Weekly downloads | 0 | | License | ISC | | TypeScript types | bundled | | Module format | CommonJS | | Dependencies | 7 | | Known vulnerabilities | 0 (+21 in 3 direct dependencies) | | Install scripts | no | | GitHub stars | 3 | | Maintainers | alexandrdp | | Keywords | css, js, mobile-first, responsive, front-end, web | ## Links - npm: https://www.npmjs.com/package/bootstrap-material-datetimepicker - Repository: https://github.com/AlexandrM/bootstrap-material-datetimepicker - Homepage: https://github.com/AlexandrM/bootstrap-material-datetimepicker.git - Issues: https://github.com/AlexandrM/bootstrap-material-datetimepicker.git - npm.io page: https://npm.io/package/bootstrap-material-datetimepicker ## Dependencies (7) - [jquery](https://npm.io/package/jquery.md) ^3.1.1 - [moment](https://npm.io/package/moment.md) ^2.17.1 - [zone.js](https://npm.io/package/zone.js.md) ^0.8.5 - [@angular/core](https://npm.io/package/@angular/core.md) ^2.4.1 - [@angular/common](https://npm.io/package/@angular/common.md) ^2.4.1 - [@angular/compiler](https://npm.io/package/@angular/compiler.md) ^2.4.1 - [html-element-stringify](https://npm.io/package/html-element-stringify.md) ^0.2.0 ## Alternatives - [@mapbox/jsonlint-lines-primitives](https://npm.io/package/@mapbox/jsonlint-lines-primitives.md) — 5.3M weekly downloads - [reftools](https://npm.io/package/reftools.md) — 3.5M weekly downloads - [@hey-api/openapi-ts](https://npm.io/package/@hey-api/openapi-ts.md) — 3.5M weekly downloads - [@mapbox/geojson-rewind](https://npm.io/package/@mapbox/geojson-rewind.md) — 2.4M weekly downloads - [turbo-stream](https://npm.io/package/turbo-stream.md) — 1.7M weekly downloads ## Recent versions - 2.7.3 (latest) — 2017-04-14 - 2.7.2 — 2017-04-14 - 2.7.1 — 2017-03-02 ## README # bootstrap-material-datetimepicker Material DateTimePicker Originaly designed for Bootstrap Material, the V2.0 is now completely standalone and responsive. ### Updates | Date | Author | Description | | ----------------- | ----------------- | ------------------------------------------------------ | | 2016-04-08 | donovansolms | Disable specific days (#60 and #97) | | 2016-04-08 | T00rk | Fixed #85 | | 2016-04-08 | FoxyCorndog | Fix PM overwrite bug | | 2016-02-17 | T00rk | Changed Clock to SVG | | 2016-02-04 | T00rk | Added a "Now" button (#38) | | 2016-01-30 | T00rk | Switch view on click (#39, #47) | | 2016-01-29 | T00rk | Added "clear button" (#48) | | 2016-01-29 | T00rk | Replace rem by em (#26) | | 2016-01-29 | T00rk | Display 24H clock (#54) | | 2016-01-29 | T00rk | Close on "ESC" (#52) | | 2015-10-19 | drblue | Fixed erroneous package.json-file | | 2015-10-19 | Perdona | Fix auto resize when month has 6 weeks | | 2015-07-01 | T00rk | Redesigned element without using modal | | 2015-06-16 | T00rk | Use Timepicker alone / Display short time (12 hours) | | 2015-06-13 | T00rk | Fixed issue with HTML value tag | | 2015-05-25 | T00rk | Changed repo name to bootstrap-material-datetimepicker * | | 2015-05-12 | T00rk | Added parameters for button text | | 2015-05-05 | Sovanna | FIX undefined _minDate in isBeforeMaxDate func | | 2015-04-10 | T00rk | Little change in clock design | | 2015-04-10 | Peterzen | Added bower and requirejs support | | 2015-04-08 | T00rk | Fixed problem on locale switch | | 2015-03-04 | T00rk | Added Time picker | (\*) File names have been changed bootstrap-material-datepicker.js => bootstrap-material-date**time**picker.js bootstrap-material-datepicker.css => bootstrap-material-date**time**picker.css ### Prerequisites jquery [http://jquery.com/download/](http://jquery.com/download/) momentjs [http://momentjs.com/](http://momentjs.com/) Google Material Icon Font `` ### Live Example [Live example](http://t00rk.github.io/bootstrap-material-datetimepicker/) ### Usage $('input').bootstrapMaterialDatePicker(); ### bower bower install bootstrap-material-datetimepicker ### Parameters | Name | Type | Description | | ----------------- | ----------------------------- | --------------------------------------------- | | **format** | String | MomentJS Format | | **shortTime** | Boolean | true => Display 12 hours AM|PM | | **minDate** | (String\|Date\|Moment) | Minimum selectable date | | **maxDate** | (String\|Date\|Moment) | Maximum selectable date | | **currentDate** | (String\|Date\|Moment) | Initial Date | | **year** | Boolean | true => Has Yearpicker | | **date** | Boolean | true => Has Datepicker | | **disabledDays** | Array | Array containing day indices (1-7) to disable | | **time** | Boolean | true => Has Timepicker | | **clearButton** | Boolean | true => Show Clear Button | | **nowButton** | Boolean | true => Show Now Button | | **switchOnClick** | Boolean | true => Switch view on click (default: false) | | **cancelText** | String | Text for the cancel button (default: Cancel) | | **okText** | String | Text for the OK button (default: OK) | | **clearText** | String | Text for the Clear button (default: Clear) | | **nowText** | String | Text for the Now button (default: Now) | | **triggerEvent** | String | Event to fire the calendar (default: focus) | | **monthPicker** | Boolean | true => Act as monthpicker (hide calendar) (default: false) | ### Events | Name | Parameters | Description | | ----------------- | ------------------------- | ------------------------------------------------- | | **beforeChange** | event, date | OK button is clicked | | **change** | event, date | OK button is clicked and input value is changed | | **yearSelected** | event, date | New year is selected | | **dateSelected** | event, date | New date is selected | | **open** | event | datepicker is opened | | **close** | event | datepicker is closed | ### Methods $('input').bootstrapMaterialDatePicker('setDate', moment()); | Name | Parameter | Description | | ----------------- | ------------------------- | ----------------------------- | | **setDate** | (String\|Date\|Moment) | Set initial date | | **setMinDate** | (String\|Date\|Moment) | Set minimum selectable date | | **setMaxDate** | (String\|Date\|Moment) | Set maximum selectable date | | **destroy** | NULL | Destroy the datepicker | --- _Source: https://npm.io/package/bootstrap-material-datetimepicker · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._