time input: refactor to allow setting value reactively

src/routes/+page.svelte

@@ -266,7 +266,14 @@
 		<TimeInput label="Compact time" compact bind:value={timeValue} />
 	</InputGroup>
 	<InputGroup>
-		<p>Selected time is {formatTime(timeValue, 'undefined')}</p>
+		<p>Selected time is {formatTime(timeValue, 'undefined')} ({timeValue?.toString()})</p>
+		<Button
+			onclick={() => {
+				timeValue = new Time(15, 0);
+			}}
+		>
+			Set 3:00 PM
+		</Button>
 	</InputGroup>
 </div>