@xenialab/md-pickers

Material Design date/time pickers built with Angular Material and Moment.js

Usage no npm install needed!

<script type="module">
  import xenialabMdPickers from 'https://cdn.skypack.dev/@xenialab/md-pickers';
</script>

README

mdPickers

Material Design date/time pickers built with Angular Material and Moment.js

Note: This repository was forked from alenaksu/mdPickers because of apparent inactivity. With version 1.0.0 I merged some important pull requests and added a lot of minor features myself (see changelog for details). In order to publish the update I renamed the package to md-pickers on bower. In the future will do my best to integrate further pull requests.

Note 2: This repository was forked from the above repository and from this other derived fork because of apparent inactivity and the need to maintain these additional features in npm, although this is to be considered legacy software, just as AngularJS.
All credits to the original authors.

Online demos

Requirements

Using mdPickers

This version can only be installed via npm:

npm install @xenialab/md-pickers

Use in Angular:

angular.module( 'YourApp', [ 'mdPickers' ] )
  .controller("YourController", YourController );

Roadmap

  • Fixes for existing functionality
  • Integration of most important pull requests of the original repository
  • Update documentation and online demo
  • Linting for code quality
  • Unit tests
  • Continuous Integration
  • Typescript
  • Add a picker for picking date & time as one
  • Unfork this repository if it matures (or merge it back into the original if it gets revived)

Contributing

All contributions are welcome. In order to keep the code nice and clean please follow the boy scout rule.

Note on spaces vs. tabs: This project consistently uses 4 spaces for indentation.

Building mdPickers

First install or update your local project's npm and bower tools:

# First install all the npm tools:
npm install
bower install

# or update
npm update
bower update

Then run the default gulp task:

# builds all files in the `dist` directory
gulp
# Additionally, you can build the demo
gulp demo

To run the demo:

# If you don't want/can't install http-server globally
./node_modules/http-server/bin/http-server

# Install http-server globally
npm install -g http-server
http-server

Then browse /demo (or /demo-dist if you built it) on the printed address.

Release

  • Check that changes work on demo
  • Check that changes work on demo-dist
  • Update version in bower.json and packages.json
  • Add changes to CHANGELOG.md
  • Build dist and demo-dist folders
  • Create new tag for the version
  • Submit to npm: npm publish

License

Please see LICENSE file.