svelte-date-range-select
Something simple to play around with Svelte, a date range component with range sliders attached for fast range selection.
Demos
Installation
yarn add svelte-date-range-select npm i svelte-date-range-select
Note: Install as a dev dependency (yarn add svelte-date-range-select --dev) if useding Sapper to avoid a SSR error.
Usage
TODO
- Allow svelte:component to be dynamically added for the button
- Tests
- Custom date formats
Theming
You can override the following CSS variables to style the component.
--applyButtonWidth
--applyButtonHeight
--applyButtonBackgroundColor
--applyButtonColor
--applyButtonPadding
--sliderEndBackgroundColor
--sliderEndHeight
--sliderEndWidth
--sliderEndMargin
--sliderStartBackgroundColor
--sliderStartHeight
--sliderStartWidth
--sliderStartMargin
--headingColor
--headerFontSize
--headerFontWeight
--dateSelectColor
--dateSelectFontSize
--dateSelectFontWeight
--dateSelectHeight
--dateSelectWidth
--dateSelectMarginBottom