Security News
The Unpaid Backbone of Open Source: Solo Maintainers Face Increasing Security Demands
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
angular-datetime-inputs
Advanced tools
UI elements for datetime input, converted to angular directives for your convenience.
This directive is designed to provide easy and intuitive input of moment.js datetime objects.
Desgined to be as simple as possible in order to afford intuitive interactions.
Converted into an angular directive for your convenience :)
Click here for a live demo.
bower install angular-datetime-inputs
or with npm
npm install angular-datetime-inputs
angular.module('myApp', [
'g1b.datetime-inputs',
......
])
For date input only:
<date-input date="date" on-change="print(date)" placeholder="Select date"></date-input>
For time input only:
<time-input time="time" on-change="print(time)" placeholder="Select time"></time-input>
For both date and time input:
<datetime-input datetime="datetime" on-change="print(datetime)" placeholder="Select datetime"></datetime-input>
Property | Usage | Default | Required |
---|---|---|---|
date | moment.js datetime object or a datetime string | none | no |
time | moment.js datetime object or a datetime string | none | no |
datetime | moment.js datetime object or a datetime string | none | no |
format | moment.js compatible date/time format used for parsing initial datetime objects | none | no |
date-format | moment.js compatible date format used for display in date and datetime input directives | 'DD MMMM YYYY' | no |
time-format | moment.js compatible time format used for display in time and datetime input directives | 'HH : mm : ss' | no |
min-date | moment.js datetime object min datetime | none | no |
max-date | moment.js datetime object max datetime | none | no |
hourStep | step size for hour input | 1 | no |
minuteStep | step size for minute input | 1 | no |
secondStep | step size for second input | 1 | no |
placeholder | Placeholder is shown when input object is undefined | none | no |
allowClear | Allow users to clear selected datetime value | false | no |
clearText | Clear text shown in the button to clear date object | Clear | no |
on-change | Handler function that is fired on change of datetime object | none | no |
on-close | Handler function that is fired on close of the edit popover | none | no |
css-class | custom css class name for datetime presentation | none | no |
If you are looking for a range input of datetime objects, check out angular-datetime-range
FAQs
UI elements for datetime input, converted to angular directives for your convenience.
The npm package angular-datetime-inputs receives a total of 14 weekly downloads. As such, angular-datetime-inputs popularity was classified as not popular.
We found that angular-datetime-inputs 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.
Security News
Solo open source maintainers face burnout and security challenges, with 60% unpaid and 60% considering quitting.
Security News
License exceptions modify the terms of open source licenses, impacting how software can be used, modified, and distributed. Developers should be aware of the legal implications of these exceptions.
Security News
A developer is accusing Tencent of violating the GPL by modifying a Python utility and changing its license to BSD, highlighting the importance of copyleft compliance.