FLIN App

Basic Usage

Simple time picker with live value display.

Start Time

Reminder

Set a reminder time for notifications.

Remind Me At

Business Hours

Set opening and closing times.

Opening Time

Closing Time

Meeting Scheduler

Schedule a meeting with start and end times.

Start

End

Alarm Setting

Set a wake-up alarm time.

Wake Up At

In a Form

Time picker combined with other form fields.

Event Name

Date

Time

Usage

startTime = ""// Basic time picker<TimePicker label="Start Time" bind={startTime} />// Display selected time{if startTime != ""}<Badge>{startTime}</Badge>{/if}// Time range with two pickers<TimePicker label="Start" bind={startTime} /><TimePicker label="End" bind={endTime} />

Props

Prop	Type	Default	Description
`label`	text	""	Label text above picker
`bind`	binding	-	Two-way binding for selected time

TimePicker

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Basic Usage

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Reminder

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Business Hours

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Meeting Scheduler

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Alarm Setting

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } In a Form

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Usage

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Props