import type { Ref } from 'vue'
import type { DatePickerCommonProps } from '../../types'
import { useDateTextInputBaseProps } from '../../props/dateTextInputBaseProps'

export const useDateTextInputMenuProps = (
	props: DatePickerCommonProps,
	labelWithAsterisk: Ref<string | undefined>,
	errorMessages: Ref<string[]>,
) => ({
	...useDateTextInputBaseProps(props, labelWithAsterisk, errorMessages),
	'display-range': props.displayRange,
	'density': props.density,
	// Icône calendrier = bouton focusable au clavier (comme en CalendarMode), pas une
	// icône décorative. Elle ouvre le calendrier au clic/Enter/Espace et reçoit le ring DS.
	'disable-click-button': false,
})