{"id":13637383,"url":"https://github.com/puranjayjain/md-date-time-picker","last_synced_at":"2025-04-13T02:14:40.206Z","repository":{"id":5979159,"uuid":"51077149","full_name":"puranjayjain/md-date-time-picker","owner":"puranjayjain","description":"An implementation of Material Design Picker components in vanilla CSS, JS, and HTML","archived":false,"fork":false,"pushed_at":"2023-11-07T04:18:34.000Z","size":5320,"stargazers_count":275,"open_issues_count":50,"forks_count":76,"subscribers_count":15,"default_branch":"master","last_synced_at":"2025-04-13T02:14:05.955Z","etag":null,"topics":["calendar","clock","date","design","dialog","input","material","picker","pickers","time","web"],"latest_commit_sha":null,"homepage":"https://puranjayjain.github.io/md-date-time-picker","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"other","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/puranjayjain.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":".github/CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2016-02-04T13:19:11.000Z","updated_at":"2025-03-17T18:58:25.000Z","dependencies_parsed_at":"2024-01-14T11:07:03.871Z","dependency_job_id":"0775bf05-50db-4e67-ac0b-7a6048741ee1","html_url":"https://github.com/puranjayjain/md-date-time-picker","commit_stats":{"total_commits":331,"total_committers":24,"mean_commits":"13.791666666666666","dds":0.6374622356495468,"last_synced_commit":"6b12927b2345c9690860569b7045153dfa2a323e"},"previous_names":[],"tags_count":15,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/puranjayjain%2Fmd-date-time-picker","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/puranjayjain%2Fmd-date-time-picker/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/puranjayjain%2Fmd-date-time-picker/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/puranjayjain%2Fmd-date-time-picker/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/puranjayjain","download_url":"https://codeload.github.com/puranjayjain/md-date-time-picker/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248654095,"owners_count":21140236,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["calendar","clock","date","design","dialog","input","material","picker","pickers","time","web"],"created_at":"2024-08-02T00:01:16.546Z","updated_at":"2025-04-13T02:14:40.169Z","avatar_url":"https://github.com/puranjayjain.png","language":"JavaScript","funding_links":[],"categories":["CSS and JS"],"sub_categories":["Components"],"readme":"# md-date-time-picker\n\n[![Gitter](https://badges.gitter.im/puranjayjain/md-date-time-picker.svg)](https://gitter.im/puranjayjain/md-date-time-picker?utm_source=badge\u0026utm_medium=badge\u0026utm_campaign=pr-badge)\n\n[![GitHub version](https://img.shields.io/github/release/puranjayjain/md-date-time-picker.svg)](https://badge.fury.io/gh/puranjayjain%2Fmd-date-time-picker)\n[![npm version](https://img.shields.io/npm/v/md-date-time-picker.svg)](https://badge.fury.io/js/md-date-time-picker)\n[![Bower version](https://img.shields.io/bower/v/md-date-time-picker.svg)](https://badge.fury.io/bo/puranjayjain%2Fmd-date-time-picker)\n[![Dependency Status](https://david-dm.org/puranjayjain/md-date-time-picker.svg)](https://david-dm.org/puranjayjain/md-date-time-picker)\n\n[![Maintenance](https://img.shields.io/maintenance/yes/2017.svg)]()\n[![Issues](https://img.shields.io/github/issues/puranjayjain/md-date-time-picker.svg)](https://github.com/puranjayjain/md-date-time-picker/issues)\n[![Forks](https://img.shields.io/github/forks/puranjayjain/md-date-time-picker.svg)](https://github.com/puranjayjain/md-date-time-picker/network)\n[![Stars](https://img.shields.io/github/stars/puranjayjain/md-date-time-picker.svg)](https://github.com/puranjayjain/md-date-time-picker/stargazers)\n[![License](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/puranjayjain/md-date-time-picker/master/LICENSE.md)\n\nShare the :heart: !\n\n[![Twitter](https://img.shields.io/twitter/url/https/github.com/puranjayjain/md-date-time-picker.svg?style=social)](https://twitter.com/intent/tweet?text=check%20out\u0026url=https://puranjayjain.github.io/md-date-time-picker\u0026via=puranjayjain)\n[![Google Plus](https://www.gstatic.com/images/icons/gplus-16.png)](https://plus.google.com/share?url=https://puranjayjain.github.io/md-date-time-picker)\n[![Facebook](https://github.com/puranjayjain/md-date-time-picker/blob/master/src/images/FB-f-Logo__blue_29.png)](https://www.facebook.com/sharer.php?u=https://puranjayjain.github.io/md-date-time-picker\u0026media=https://puranjayjain.github.io/md-date-time-picker/favicon-128.png\u0026description=An%20implementation%20of%20Material%20Design%20Picker%20components%20in%20vanilla%20CSS,%20JS,%20and%20HTML)\n\n:heart: the package? Then :star: it!\n\n\u003e An implementation of [Material Design Picker](https://www.google.com/design/spec/components/pickers.html)\ncomponents in vanilla CSS, JS, and HTML\n\n##Documentation\n\nThe Documentation is at [https://puranjayjain.github.io/md-date-time-picker](https://puranjayjain.github.io/md-date-time-picker)\n\n## Browser Support\n\nSupported evergreen browsers:\n\n- Chrome (and Chrome for Android)\n- Edge\n- Firefox\n- Opera\n\nSupported versioned browsers:\n\n- Internet Explorer 8+\n- Safari 8+\n- Mobile Safari 8+\n- Android Browser 4.3+\n\n## Dependency\n\n### Moment\nWhy? because parsing dates correctly is not every browser's cup of :tea: and also according to [ISO 8601](https://en.wikipedia.org/wiki/ISO_8601) standard\n\nMoreover, it makes dealing with timezones easier.\n\nok. Not satisfied with the answer?\n\nLet's take an example:\n\n```js\n  new Date('1/10/2016')\n```\n\nWhat should it output? ... well it is interpreted as 1st October 2016 in some browsers and 10th January 2016 in some.\n\nFor more information refer [link](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/parse).\n\n### Draggabilly\n\nThis is an optional dependency if you want to make the dial draggable in time picker in minute which makes it useful there to select values which are not a divisor of 5 (e.g 3, 6) or in layman terms the values which come between 5, 10, 15, etc.\n\n### What's included\n\nIn the repo you'll find the following directories and files.\n\n| File/Folder     | Provides                                                                 |\n|-----------------|--------------------------------------------------------------------------|\n| .github         | Contains CONTRIBUTING.md, ISSUE_TEMPLATE.md and PULL_REQUEST_TEMPLATE.md |\n| gulpfile.js     | gulp configuration.                                                      |\n| LICENSE.md      | Project license information.                                             |\n| package.json    | npm package information.                                                 |\n| bower.json      | bower package information.                                               |\n| README.md       | Details for quickly understanding the project.                           |\n| src             | Source code.                                                             |\n| dist            | Distributable code.                                                      |\n| test            | Project test files.                                                      |\n\n### Build\n\nTo get started modifying the components or the docs, first install the necessary\ndependencies, from the root of the project:\n\n```bash\nnpm install\n```\n\nAfter successfully installing the above components\n\n```bash\n./node_modules/gulp default\n```\n\nMost changes made to files inside the `src` directory will cause the page to reload. This page can also be loaded up on physical devices thanks to BrowserSync.\n\n## Tests\n\n```bash\n$ npm run cs:scss //lint all scss files\n$ npm run cs:js //lint and fix all js files\n$ npm run cs //run both cs jobs\n```\n## Versioning\n\nFor transparency into our release cycle and in striving to maintain backward\ncompatibility, this project is maintained under\n[the Semantic Versioning guidelines](http://semver.org/). Sometimes we screw up,\nbut we'll adhere to those rules whenever possible.\n\n## License\n\n© Puranjay Jain, 2016. Licensed under an\n[MIT License](https://github.com/puranjayjain/md-date-time-picker/blob/master/LICENSE.md).\n\n## Custom build\n\nTo allow only \"sharp\" time (e.g. 1 sharp, 2 sharp...etc) to be picked in time picker, see:\n\u003chttps://github.com/XcrossD/md-date-time-picker/tree/time-only-sharp-code\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpuranjayjain%2Fmd-date-time-picker","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpuranjayjain%2Fmd-date-time-picker","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpuranjayjain%2Fmd-date-time-picker/lists"}