time_seek_slider 0.0.4

time_seek_slider: ^0.0.4 copied to clipboard

Time Seek Slider widget to display and select date and time.

Features #

[]

• Set available term (fixedTerm, from, to)
• Set width of section (sectionWidth)
• Select time of section (sectionTime: 1m, 10m, 1h, 3h, 12h, 24h)
• Select color of primary and secondary section
• Add event layer overlay with height / color / period
• Drag or Tap to change selected DateTime
• Recieve event changed time
• Recieve event dragging time

Getting started #

Add time_seek_slider: ^0.0.4 to your pubspec.yaml dependencies. And import it:

import 'package:time_seek_slider/time_seek_slider.dart';

Usage #

Simply create a TimeSeekSlider widget, and pass the required params.
Add longer examples to /example folder.

DateTime _selectedTime = DateTime(2024,4,28,15,30);

TimeSeekSlider(
  selectedTime: _selectedTime,
  onChangedSelectedTime: (time) {
    setState(() {
      _selectedTime = time;
    });
  },
),

If use fixed term, set fixedTerm = true.

DateTime _from = DateTime(2024,4,28,0,0);
DateTime _to = DateTime(2024,4,29,0,0);
DateTime _selectedTime = DateTime(2024,4,28,15,30);

TimeSeekSlider(
  fixedTerm: true
  from: _from,
  to: _to,
  selectedTime: _selectedTime,
  onChangedSelectedTime: (time) {
    setState(() {
      _selectedTime = time;
    });
  },
),

Params #