diff --git a/src/UI/InputElement/Helpers/OpeningHoursInput.svelte b/src/UI/InputElement/Helpers/OpeningHoursInput.svelte index cb9794f49..de13ff8ba 100644 --- a/src/UI/InputElement/Helpers/OpeningHoursInput.svelte +++ b/src/UI/InputElement/Helpers/OpeningHoursInput.svelte @@ -5,8 +5,11 @@ import { UIEventSource } from "../../../Logic/UIEventSource" import ToSvelte from "../../Base/ToSvelte.svelte" import OpeningHoursInput from "../../OpeningHours/OpeningHoursInput" + import PublicHolidaySelector from "../../OpeningHours/PublicHolidaySelector.svelte" export let value: UIEventSource + export let phSelectorValue = new UIEventSource("") - + + diff --git a/src/UI/OpeningHours/OpeningHoursInput.ts b/src/UI/OpeningHours/OpeningHoursInput.ts index cf76d105b..25e33e02f 100644 --- a/src/UI/OpeningHours/OpeningHoursInput.ts +++ b/src/UI/OpeningHours/OpeningHoursInput.ts @@ -21,6 +21,7 @@ export default class OpeningHoursInput extends InputElement { constructor( value: UIEventSource = new UIEventSource(""), + phSelectorValue: UIEventSource = new UIEventSource(undefined), prefix = "", postfix = "" ) { @@ -88,7 +89,8 @@ export default class OpeningHoursInput extends InputElement { break } } - const phSelectorValue = new UIEventSource(ph ?? "") + + phSelectorValue.set(ph ?? "") // Note: MUST be bound AFTER the leftover rules! const rulesFromOhPicker: UIEventSource = valueWithoutPrefix.sync( @@ -142,7 +144,6 @@ export default class OpeningHoursInput extends InputElement { this._element = new Combine([ leftoverWarning, ohPicker, - new SvelteUIElement(PublicHolidaySelector, { value: phSelectorValue }), ]) }