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

CASH-153: duplicate date-picker and begin styling

Browse source
This commit is contained in:
Adam Caouette 2025-02-10 18:44:16 -05:00
parent 3c7ea0f818
commit 6881ff35ec
2 changed files with 1098 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1093
src/digital-components/date-picker/date-picker-2.vue Normal file
View file

File diff suppressed because it is too large Load diff

9
src/layouts/schedule/schedule.vue
View file

@ -10,6 +10,7 @@
<div class="row justify-content-center">
<div class="col-md-6 col-xl-4">
<funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" class="mt-4" />
selectedDate: {{ selectedDate }}
<template v-if="ChangeShopLink.length">
<textBlock
cmsWidgetName="ChangeShopLink"
@ -18,7 +19,7 @@
marginTopSizeOverride="1" />
</template>
<locationAlerts cmsWidgetPrefix="LocationAlert-" ref="locationAlerts" />
<datePicker
<datePicker2
customComponentId="dateQuestion"
selectableDatesSetting="custom"
ref="datePicker"
@ -69,7 +70,7 @@ import navbar from "@/fmg-components/nav-bar/nav-bar";
import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
import { Form, defineRule } from "vee-validate";
import datePicker from "@/digital-components/date-picker/date-picker";
import datePicker2 from "@/digital-components/date-picker/date-picker-2";
import locationAlerts from "@/layouts/schedule/location-alerts/location-alerts";
import timeSlotModalQuestion from "./time-slot-modal-question/time-slot-modal-question";
import textBlock from "@/digital-components/text-block/text-block";
@ -213,7 +214,7 @@ export default {
preSelectedDate = null;
}
const datePickerInitialDataPromise = await datePicker.methods.loadInitialData({
const datePickerInitialDataPromise = await datePicker2.methods.loadInitialData({
// setup config options for date-picker
selectableDatesSetting: "custom",
initialViewRowsToShow: 5,
@ -537,7 +538,7 @@ export default {
funnelSubHeader,
Form,
loadingModal,
datePicker,
datePicker2,
locationAlerts,
timeSlotModalQuestion,
textBlock,