This is just one small contribution to the Laminar ecosystem. It is my first UI component, and it's very narrowly useful at the moment. I just love Laminar and want to make it easier for people to experiment with it!
To use:
libraryDependencies += "com.billdingsoftware" %%% "timepicker" % "0.2.3"The simplest use-case is:
TimePicker("08:03 AM") match {
case TimePicker(
component: Div,
$time: Signal[WallTime]
) =>
div(
child.text <-- $time.map("time: " + _),
component
)
}This will use AM/PM, 12 hour notation. If you prefer 24 hour notation, omit the AM/PM and that selector will not be shown.
TimePicker("15:00")If you want to change the default minute delta of 5 minutes, provide that value via:
TimePicker("15:00", minuteDelta = 15)
You can also drop in custom up/down button elements via:
TimePicker(
initialTime = "09:30",
incrementRep = span("Inc"),
decrementRep = span("Dec")
)