Method renderAddReminderForm

src/modals/ReminderModal.ts:335–541

(container: HTMLElement)

	}

	private renderAddReminderForm(container: HTMLElement): void {
		const section = container.createDiv({ cls: "reminder-modal__section" });

		const sectionHeader = section.createDiv({ cls: "reminder-modal__section-header" });
		sectionHeader.createEl("h3", { text: "Add new reminder" });

		// Add quick actions for common reminders
		this.renderQuickActions(section);

		const form = section.createDiv({ cls: "reminder-modal__form" });

		// Compact type selector
		const typeSelector = form.createDiv({ cls: "reminder-modal__type-selector" });

		const relativeTab = typeSelector.createEl("button", {
			cls: "reminder-modal__type-tab reminder-modal__type-tab--active",
			text: "Relative",
			attr: { "data-type": "relative" },
		});

		const absoluteTab = typeSelector.createEl("button", {
			cls: "reminder-modal__type-tab",
			text: "Absolute",
			attr: { "data-type": "absolute" },
		});

		// Set initial state based on instance variables
		relativeTab.classList.toggle(
			"reminder-modal__type-tab--active",
			this.selectedType === "relative"
		);
		absoluteTab.classList.toggle(
			"reminder-modal__type-tab--active",
			this.selectedType === "absolute"
		);

		// Tab switching logic
		const switchToType = (type: "relative" | "absolute") => {
			this.selectedType = type;

			// Update tab appearance
			relativeTab.classList.toggle("reminder-modal__type-tab--active", type === "relative");
			absoluteTab.classList.toggle("reminder-modal__type-tab--active", type === "absolute");

			// Update form visibility
			this.updateFormVisibility(form, this.selectedType);
		};

		relativeTab.onclick = () => switchToType("relative");
		absoluteTab.onclick = () => switchToType("absolute");

		// Relative reminder fields
		const relativeContainer = form.createDiv({ cls: "relative-fields" });

		new Setting(relativeContainer)
			.setName("Time")
			.addText((text) => {
				text.setPlaceholder("15")