react-time-range-selector

time range selector

Usage no npm install needed!

<script type="module">
  import reactTimeRangeSelector from 'https://cdn.skypack.dev/react-time-range-selector';
</script>

README

react-time-range-selector

Read this in other languages: 简体中文

Mobile range selector built on React。

The component can modify the span within a certain range by dragging.

features

API

Property Description Type Default

Installation

npm install react-time-range-selector

or

yarn add react-time-range-selector

Changelog

0.1.9

  • Add the width of the isolation line between two forbidden blocks (if 0, no)
  • Refactoring configuration items
  • Add gesture library, and click event will be triggered when dragging
  • Elegant degradation, not set when scrollTo cannot be used

0.1.8

  • add "draggable"

0.1.5

  • When the slider exceeds the current view, the scroll bar scrolls itself.
  • Control scroll bar scroll position.
  • Add scroll bar slide speed.

0.0.8

  • Add a ruler.
  • Add whether to align the grid.
  • Add grid spacing.
  • Add range array.
  • Add initialization scrolling value.
  • Add click, double-click event and display current node value (cooperate with business)
  • Add a scroll event and pass out the current scroll position (distance node)
  • Remove, click add, double-click delete code (determined by business party)

0.0.6(todo)

  • Pull out time? Becomes range selector
  • test

0.0.5

  • Listen for external value modification and modify it.

0.0.4

  • Fixed head height

0.0.3

  • Setting DndContext as singleton to prevent errors two HTML5 backends at the same time

0.0.2

  • Add a default value to ensure availability.

0.0.1

  • Available. The project name is react-time-range-selector.