mdl-datetime-widget v0.1.2-b

MDL-DateTime-Widget

A widget for Google Material Design Lite web component library. (Support custom display language, currently en_us and zh_cn)

What is this repository for?

• Quick summary

  Google Material Disign Lite has provided many beautiful components, but sometimes, we need to use calendar / time picker to deal with date and time selection operations. This is how the project cames for.

• Version 0.1.2

How do I get set up?

• Overall view of setting up

  In order to set up the project or have a preview of the demos in index.html, you need to have Nodejs, TypeScript installed. (You'd better have Sass installed if you want to do something with .scss files.)

• Configuration

  1. Clone the repository
  2. npm install
  3. Open index.html in your web browser
  4. (I strongly suggest you to use static-server to serve such static files)

• Dependencies

  • typescript (npm)
  • Material-Design-Lite (Google Library)
  • Material-Icons (Font library, binaries)
  • gulp-sass (npm)
  • gulp (npm)
  • browserify (npm)
  • vinyl-source-stream (npm)
  • vinyl-buffer (npm)

• How to run tests

  run tsc && gulp default sass at the root directory of the repo. And demo runs from index.html in modern web browsers.

How to use in my project?

That's easy, just import the file you generate with tsc in the './dist' directory and code like:

Calendar.GetInstance(calendar.ExampleCalendarConfiguration, (res, data) => {
  // Add your callback operations.
});


Clock.GetInstance({
  // Add your configuration, see index.js for example.
}, (res, data) => {
  // Add your callback operations.
});

Who do I talk to?

• Author: Yang Zhongdong
• GitHub: DevChache