jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #1266 from Safelite/defect/CSR-1546

Browse source 
CSR-1546 | Make date-picker work with arrow keys
This commit is contained in:
scottkiener 2023-07-24 15:41:53 -04:00 committed by GitHub
commit 239f088261
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/digital-components/date-picker/date-picker.vue
View file

@ -44,7 +44,8 @@
type="radio" type="radio"
name="day-of-month" name="day-of-month"
v-model="selectedDate" v-model="selectedDate"
@click="fireDateClickedEvent" @click="fireDateSelectedEvent"
@keypress.enter="fireDateSelectedEvent"
:value="date.inputValue" :value="date.inputValue"
:id="`${month.monthLabel}-${date.dateNum.toString()}`" /> :id="`${month.monthLabel}-${date.dateNum.toString()}`" />
<label :for="`${month.monthLabel}-${date.dateNum.toString()}`"> <label :for="`${month.monthLabel}-${date.dateNum.toString()}`">
@ -180,7 +181,11 @@ export default {
initializeComponent(initialData) { initializeComponent(initialData) {
this.setCalendarData(initialData); this.setCalendarData(initialData);
}, },
fireDateClickedEvent() { fireDateSelectedEvent(event) {
// Ignore if arrow key selected radioButton
if (event.screenX === 0 && event.screenY === 0) {
return;
}
this.$emit("date-clicked"); this.$emit("date-clicked");
}, },
getWeekStartDate(dateString) { getWeekStartDate(dateString) {