@stonecrop/aform 0.20.0 → 0.22.0

package/src/components/form/ADuration.vue

@@ -57,7 +57,12 @@ watch(duration, newMs => {
 	modelValue.value = newMs
 })
 
-const handleRange = (data: { start: Date; end: Date }) => {
+const handleRange = (data: { start: Date; end: Date; source?: 'init' | 'user' }) => {
+	// Both time widgets announce their starting values as they mount, which ADateSelection turns
+	// into a range. That is not a range the user picked: acting on it wrote a 0ms duration into the
+	// model, and lit the summary strip, on first render.
+	if (data.source === 'init') return
+
 	startDatetime.value = data.start
 	endDatetime.value = data.end
 	modelValue.value = duration.value

package/src/index.ts

@@ -9,6 +9,7 @@ import ADate from './components/form/ADate.vue'
 import ADropdown from './components/form/ADropdown.vue'
 import ADatePicker from './components/form/ADatePicker.vue'
 import ADateTime from './components/form/ADateTime.vue'
+import ADateTimeInput from './components/form/ADateTimeInput.vue'
 import ADateSelection from './components/form/ADateSelection.vue'
 import ADuration from './components/form/ADuration.vue'
 import ADateRange from './components/form/ADateRange.vue'
@@ -39,6 +40,7 @@ function install(app: App /* options */) {
 	app.component('ADropdown', ADropdown)
 	app.component('ADatePicker', ADatePicker)
 	app.component('ADateTime', ADateTime)
+	app.component('ADateTimeInput', ADateTimeInput)
 	app.component('ADateRange', ADateRange)
 	app.component('ADateSelection', ADateSelection)
 	app.component('AFieldset', AFieldset)
@@ -63,6 +65,7 @@ export {
 	ADateSelection,
 	ADuration,
 	ADateTime,
+	ADateTimeInput,
 	AFieldset,
 	AFileAttach,
 	AForm,