Gathering detailed insights and metrics for react-input-moment
Gathering detailed insights and metrics for react-input-moment
Gathering detailed insights and metrics for react-input-moment
Gathering detailed insights and metrics for react-input-moment
npm install react-input-moment
Module System
Min. Node Version
Typescript Support
Node Version
NPM Version
17 Stars
45 Commits
22 Forks
2 Watching
2 Branches
1 Contributors
Updated on 17 Mar 2023
JavaScript (77.75%)
CSS (21.55%)
HTML (0.7%)
Cumulative downloads
Total Downloads
Last day
-65.9%
29
Compared to previous day
Last week
-1%
417
Compared to previous week
Last month
-12.1%
2,360
Compared to previous month
Last year
203.3%
14,815
Compared to previous year
4
React date and time pickers powered by MomentJS.
This project is created from an older GitHub project by Prometheus Research. I wanted to add more functionality, but the other project was not being maintained and not being published to NPM so we created this repo.
This module has peer dependencies: react, react-dom, and moment. These dependencies are not included in the build to reduce duplicate dependencies as a result of minor version differences. This allows for a flat dependency graph and should significantly reduce build size. Read More Here
As with many css components, getting them to look the way you want on all devices is not always so easy. These pickers are designed to stretch to their parent container element. The parent wrapper must have a set width and height.
If you want to override the default colors and use your own color scheme, see the scss in this file.
1import {InputMoment, BigInputMoment, DatePicker, TimePicker} from 'react-input-moment'; 2 3//all wrapper classes should have a set width and height. 4//percentages will work as long as the parent of the wrapper has a set width and height. 5 6<div className="wrapper"> 7 <InputMoment 8 moment={this.state.moment} 9 onChange={this.handleChange} 10 showSeconds={true} 11 locale="en" 12 /> 13</div> 14 15<div className="wrapper"> 16 <BigInputMoment 17 moment={this.state.moment} 18 onChange={this.handleChange} 19 locale="en" 20 /> 21</div> 22 23<div className="wrapper"> 24 <DatePicker 25 moment={this.state.moment} 26 onChange={this.handleChange} 27 locale="en" 28 /> 29</div> 30 31//onChange(startMoment, endMoment) 32<div className="wrapper"> 33 <DatePickerRange 34 startMoment={this.state.startMoment} 35 endMoment={this.state.endMoment} 36 onChange={this.handleChange} 37 /> 38</div> 39 40<div className="wrapper"> 41 <TimePicker 42 moment={this.state.moment} 43 onChange={this.handleChange} 44 showSeconds={true} 45 locale="en" 46 /> 47</div>
Check app.js for a working example.
ISC
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
no SAST tool detected
Details
Reason
Found 0/30 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
108 existing vulnerabilities detected
Details
Score
Last Scanned on 2024-11-18
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More