creaturesinunitards/mithril-datepicker

Pick a date! But only if you're using Mithril. (component for Mithril.js ^v1.0)

mithril-datepicker's Issues

i18n

Issue while using as a webpack module : m is not defined

Cannot require and use datePicker directly in webpack because Mithril global object is not available. And throws an error while building m is not defined.

UI: datepicker header slightly extends past body

see item labeled "border width ?" in attached screenshot

screenshot

Selected date cannot be updated during redraw

If you update the date during a redraw the date doesn't get updated but stays the original one. The view should check for a updated vnode.attrs.date and then update the vnode.state.date property.

Unusual `eval` call

I found a very unusual (and unnecessary) eval call. This makes it unusable in CSP contexts as well as minified code, since those variables can't be minified. It's also trivially substituted for its own variables, and literally takes the same number of lines.

Localization

Since you opened an issue about accessibility, I'll log the next one about localization. I want LUNES!!!

Date Formatter for rendered date

After I pick a date, I would like two things:

1. It should be automatically formatted like it is but with commas
2. I should be able to pick some formatting options (of course allowing European formatting, for example, would mean changing up the picker as well, so I know it's more work than it sounds)

option for Monday-first weeks

style for prev10, next10 buttons needs work

selected day, if it's in a prev or next context, isn't styled accordingly

accessibility is, shall we say, lacking

Sass variables should be namespaced

Your Sass variables aren't namespaced, which makes integration a little harder into existing projects. I personally added a mdp- prefix to the variables for my use case, but you shouldn't feel constrained by that.

UI: date selection circle isn't centered around 2-digit dates

pls see item labeled "offset" in attached screenshot

API for disabling past dates and intervals user can select

there would be nice to restrict the user input by

• restricting past dates
• allowing time intervals

m(DatePicker, {
       data: ...,
       allowPastDates: true, // defaults to now
       interval: {
          start: "08/07/17", // defaults to now
          end:  "12/12/17"
       }
       onchange: ...
})

datepicker does not "reset" view on invocation

I would expect each invocation of the datepicker to default to its standard view (#2 in attached img); rather it seems to retain last-viewed state.

should have a "Today" button.

let user input date from keyboard

Some times people want to directly input a date from keyboard, can add this?

omit sass depencency

would be great to be able to use this without webpack/browserify plugins