DateTime segments allow entering values beyond the min/max limits

[logaretm]

What

Provided a date field with a min/max props, the date segments are properly limited with arrow up/down key events, but when entering a value manually, the min/max are not respected.

<script setup lang="ts">
import DateField from '@/components/DateField.vue';

const min = new Date(2025, 0, 4, 0, 0, 0, 0);
const value = new Date('2025-01-15');
const max = new Date('2025-01-20');
</script>

<template>
    <DateField name="birthdate" label="Birth Date" :value="value" :min="min" :max="max" />
</template>

The tricky part here is we could only prevent date entry in certain scenario: When the month and year is known beforehand. This is possible if min/max have the same month AND year values. (i.e: When the user only has to enter 1 segment to complete the date).

If the min/max allows for more than one enterable segment, then this breaks down as the order of entry is not reliable and the possible values depends heavily on the most significant segment (month/year).

Alternatively we could emit a validation error when that happens, but that error won't be translatable which follows the HTML rules behavior in other components. Maybe this is a quick fix that is worthwhile.

This can be alleviated partially with #139