Date Picker

div(class: 'space-y-4 w-[260px]') do
	render PhlexUI::Popover.new(options: { trigger: 'focusin' }) do
		render PhlexUI::Popover::Trigger.new(class: 'w-full') do
			div(class: 'grid w-full max-w-sm items-center gap-1.5') do
				render PhlexUI::Label.new(for: "date") { "Select a date" }
				render PhlexUI::Input.new(type: 'string', placeholder: "Select a date", class: 'rounded-md border shadow', id: 'date', data_controller: 'input')
			end
		end
		render PhlexUI::Popover::Content.new do
			render PhlexUI::Calendar.new(input_id: '#date')
		end
	end
end