Time field

The time field stores a timestamp in milliseconds to represent a time value.

Examples

Here's an example of using the time field in a block:

# blocks/TimeOffset.vue

<template>
  <span>Alert: {{ alert ? new Date(alert).toLocaleTimeString() : 'None' }}</span>
</template>

<script lang="ts" setup>
import { timeField } from '#pruvious'

defineProps({
  alert: timeField({
    placeholder: 'Pick a time',
  }),
})
</script>

Here is another example of how to use it in a collection definition:

# collections/products.ts

import { defineCollection } from '#pruvious'

export default defineCollection({
  name: 'products',
  mode: 'multi',
  fields: {
    dailyAlert: {
      type: 'time',
      options: {
        placeholder: 'Pick a time',
      },
    },
    // ...
  },
})

Options

You can specify the following options in the time field: