Is there a normal, no-frills, no-fuss date-time picker that can be used in normal applications?

[frederikhors]

Is there a normal, no-frills, no-fuss date-time picker that can be used in normal applications?

[ryux1]

For the no-dependency version, use the browser's native control. Svelte's normal value binding works with it:

<script>
  let value = $state('');
</script>

<label>
  When
  <input
    type="datetime-local"
    bind:value
    min="2026-01-01T00:00"
    step="60"
  />
</label>

<p>Selected: {value || 'nothing yet'}</p>

The bound value is a string such as 2026-09-08T16:30. It deliberately has no time-zone or UTC offset, so decide separately which zone that wall-clock time belongs to before storing or converting it. You can use the standard min, max, step, and required attributes for validation.

That is probably the least fussy option if the browser-native appearance is acceptable. The picker UI varies by browser/OS and is not deeply styleable; only reach for a component library if you need a uniform custom calendar, range selection, or explicit time-zone selection.

References: Svelte bind:value and MDN datetime-local.

[ado11231]

svelty-picker Bootstrap style datepicker + timepicker, works standalone. Svelte 4/5 compatible.

npm install svelty-picker