https://github.com/zigomir/nanocal

Airbnb range picker rip-off
https://github.com/zigomir/nanocal

date-picker range-picker svelte vanilla-js

Last synced: 8 days ago
JSON representation

Airbnb range picker rip-off

• Host: GitHub
• URL: https://github.com/zigomir/nanocal
• Owner: zigomir
• Archived: true
• Created: 2017-10-01T01:24:33.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2020-09-27T17:25:58.000Z (about 4 years ago)
• Last Synced: 2024-04-25T11:03:22.235Z (7 months ago)
• Topics: date-picker, range-picker, svelte, vanilla-js
• Language: TypeScript
• Homepage:
• Size: 489 KB
• Stars: 132
• Watchers: 0
• Forks: 5
• Open Issues: 3
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• my-awesome-list - nanocal - off | zigomir | 132 | (TypeScript)

README

        
# 🏚 deprecated – plese see / use [caly](https://github.com/zigomir/caly)

# nanocal

> 4 kB date picker & 5 kB range picker

## what

[date](nanocal/README.md) and [range picker](ranger/README.md) that work *with or without* build tools and *with or without* frameworks

for more detailed examples how to use it with frameworks, see [examples](./examples).

## why

don't be satisfied with `moment.js` + `jquery` combo to have a simple date or range picker

## how

shout-outs to [svelte](https://svelte.technology/)

### examples on codepen.io

- [nanocal with ES modules](https://codepen.io/zigomir/pen/YEZjgO?editors=1000)

- [ranger with ES modules](https://codepen.io/zigomir/pen/vWxaPV?editors=1000)

## browser compatibility / known issues

tested on mostly modern browsers

- Chrome (desktop and mobile)

- Safari (desktop and mobile)

- Firefox

- Edge 15+

  - visibility: `hidden` won't work as CSS variable

no IE because it lacks [CSS Variables](https://caniuse.com/#search=css%20variables) support