2.1.0 Bugs

Hello, @Kiarash-Z! Thanks a lot for your work, 2.1.0 do exactly what I need.

But there are some bugs:

1. weekStartingIndex do the work, calendar is now with the right shift. But our weekends are not correct. Don’t it need to be shifted too? I will disable -weekend styling for now (May be add prop for it’s color like colorPrimary? 😃

2 If you pass locale prop and do not provide getToday, toNativeDate and other functions - calendar will crash.

1. Please, add customizing weekDays-shortings. At Russia we have 2 letters in it, not just 1. But may be it will be good to provide custom array, just like months and weekDays.

[iksent]

Hello, @Kiarash-Z. I figure out the problems at IE11 and suggest the easiest way: Change your code a bit and write a guide on how to make compatibility with IE11.

CHANGES

1. IE not supports classList.replace https://github.com/iksent/react-modern-calendar-datepicker/commit/2bfd5a353e68142260d92538ffd0a8457924caa1#diff-889c05195b2178fd3b2544b3a84b4d3b

2. Wrapper CSS https://github.com/iksent/react-modern-calendar-datepicker/commit/2bfd5a353e68142260d92538ffd0a8457924caa1#diff-e4c3a4057dcc5b72d029273600da5c33

3. Buttons CSS https://github.com/iksent/react-modern-calendar-datepicker/commit/907749ad45f000fd870c4e6d5ab0bdd35ccf5b29

1. DatePicker with input: Calendar will be closed when clicking at any place inside Calendar

Can’t fix it by now, multiple onBlur events firing at IE11.

GUIDE (Inside developers’ projects)

1. IE not supports CSS variables. Can be fixed, for example, with css-vars-ponyfill

Example with default values:

cssVars({
  onlyLegacy: true, // Modern browsers uses props
  variables: {
    '--cl-color-primary': '#0eca2d',
    '--cl-color-primary-light': '#cff4d5',
    '--animation-duration': '0.4s',
    '--cl-color-black': '#444444',
    '--cl-color-disabled': '#d4d4d4',
    '--cl-color-error': '#ff2929',
  },
});

1. Polyfills for IE

• Array.from
• Array.find
• Array.keys

<script crossorigin="anonymous" src="https://polyfill.io/v3/polyfill.min.js?features=Array.prototype.keys%2CArray.from%2CArray.prototype.find"></script>

P.S.: Sorry, had no time to create PRs.

[Kiarash-Z]

@iksent IE is not important anymore. We’re living in 2020. Unless you build your applications for dinosaurs, IE doesn’t matter. Many huge companies like Apple don’t support IE in for their website and they encourage you to use a newer browser…