babakhani / pwt.datepicker

Javascript jalaali calendar capable datepicker widget
http://babakhani.github.io/PersianWebToolkit/datepicker
612 stars 139 forks source link

Material design style date picker #198

Closed monajafi closed 5 years ago

monajafi commented 6 years ago

Hi I couldn't find any material style date picker for jalali calendar. I'm thinking to customize your date picker to looks like material date picker. please guide me what is best way to design a material style persian date picker

babakhani commented 6 years ago

Hi

  1. fork project
  2. run this command inside project path npm install

install all dependencies

npm run dev

start web server on http://localhost:3000/ you can change it on this file

  1. add a new folder named material inside this path project_root/src/sass/theme
  2. add a new file named default.scss to material folder
  3. replace this line in this file. in path: project_root/src/sass/persian-datepicker.scss replace @import 'layout/default'; with @import 'theme/material/default';
  4. write your material theme styles inside sass/theme/material/default.scss or any imported file
  5. After sure everything is displayed correctly, create a pull request.
monajafi commented 6 years ago

Dear Mr Babakhani I will try and report back here Thanks

babakhani commented 5 years ago

@monajafi Closed because of inactivity