From 6e52537a7ac5dd560f7c5d144b48ba915b4966ad Mon Sep 17 00:00:00 2001
From: keillor <69380836+keillor@users.noreply.github.com>
Date: Wed, 10 Apr 2024 22:20:26 -0700
Subject: [PATCH 01/11] added fieldset to color

---
 .../questions/color/color_question_input_editor.svelte      | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/questions/color/color_question_input_editor.svelte b/src/lib/components/questions/color/color_question_input_editor.svelte
index 6970891..72d29fb 100644
--- a/src/lib/components/questions/color/color_question_input_editor.svelte
+++ b/src/lib/components/questions/color/color_question_input_editor.svelte
@@ -10,7 +10,11 @@
 </script>
 
 <BaseEditor bind:data>
-	<input type="color" name="color-" bind:value={data.value} />
+	<!-- Copied From BaseEditor -->
+	<fieldset>
+		<legend>Default Color</legend>
+		<input type="color" name="color-" bind:value={data.value} />
+	</fieldset>
 	<details>
 		<summary>Sample</summary>
 		<div class="question">

From 71648c0d77dba50f6b8f153620ea6129a712208f Mon Sep 17 00:00:00 2001
From: keillor <69380836+keillor@users.noreply.github.com>
Date: Wed, 10 Apr 2024 23:07:23 -0700
Subject: [PATCH 02/11] TextQuestion

---
 .../text/text_question_input_editor.svelte    | 52 +++++++++++++++++++
 1 file changed, 52 insertions(+)

diff --git a/src/lib/components/questions/text/text_question_input_editor.svelte b/src/lib/components/questions/text/text_question_input_editor.svelte
index e69de29..da38b2c 100644
--- a/src/lib/components/questions/text/text_question_input_editor.svelte
+++ b/src/lib/components/questions/text/text_question_input_editor.svelte
@@ -0,0 +1,52 @@
+<script lang="ts">
+	import BaseEditor from '../base/base_editor.svelte';
+	import type { QuestionType, TextQuestion } from '$lib/form';
+	import TextQuestionInput from './text_question_input.svelte';
+
+	export var data = $$props as TextQuestion;
+	/*var data: TextQuestion = {
+		type: QuestionType.TEXT, //NA
+		required: false, //base
+		name: '', //base
+		content: '', // base
+		minLength: 0,
+		maxLength: 100,
+		value: '', //
+		placeholder: '',
+		pattern: '',
+		choices: ['sample', 'default', 'should appear']
+	};*/
+</script>
+
+<BaseEditor bind:data>
+	<!-- Copied from BaseEditor -->
+	<fieldset>
+		<legend>Min Length</legend>
+		<input type="number" bind:value={data.minLength} />
+	</fieldset>
+	<fieldset>
+		<legend>Max Length</legend>
+		<input type="number" bind:value={data.maxLength} />
+	</fieldset>
+	<fieldset>
+		<legend>Default Value</legend>
+		<input type="text" bind:value={data.value} />
+	</fieldset>
+	<fieldset>
+		<legend>Placeholder</legend>
+		<input type="text" bind:value={data.placeholder} />
+	</fieldset>
+	<fieldset>
+		<legend>Regex Pattern</legend>
+		<input type="text" bind:value={data.pattern} />
+	</fieldset>
+	<fieldset>
+		<legend>Choices (COMMING SOON)</legend>
+	</fieldset>
+	<details>
+		<summary>Sample</summary>
+		<div class="question">
+			<TextQuestionInput bind:data />
+		</div>
+	</details>
+</BaseEditor>

From 26bdc86da8118f8beefc64724dcd2db1aa874f57 Mon Sep 17 00:00:00 2001
From: keillor <69380836+keillor@users.noreply.github.com>
Date: Wed, 10 Apr 2024 23:14:48 -0700
Subject: [PATCH 03/11] created textarea w/ fieldset

---
 .../textarea_question_input_editor.svelte     | 32 +++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/src/lib/components/questions/textarea/textarea_question_input_editor.svelte b/src/lib/components/questions/textarea/textarea_question_input_editor.svelte
index e69de29..cbbc718 100644
--- a/src/lib/components/questions/textarea/textarea_question_input_editor.svelte
+++ b/src/lib/components/questions/textarea/textarea_question_input_editor.svelte
@@ -0,0 +1,32 @@
+<script lang="ts">
+	import type { TextareaQuestion } from '$lib/form';
+	import BaseEditor from '../base/base_editor.svelte';
+	import TextareaQuestionInput from './textarea_question_input.svelte';
+
+	export var data = $$props as TextareaQuestion;
+</script>
+
+<BaseEditor bind:data>
+	<fieldset>
+		<legend>Min Length</legend>
+		<input type="number" bind:value={data.minLength} />
+	</fieldset>
+	<fieldset>
+		<legend>Max Length</legend>
+		<input type="number" bind:value={data.maxLength} />
+	</fieldset>
+	<fieldset>
+		<legend>Default Value</legend>
+		<input type="text" bind:value={data.value} />
+	</fieldset>
+	<fieldset>
+		<legend>Placeholder</legend>
+		<input type="text" bind:value={data.placeholder} />
+	</fieldset>
+	<details>
+		<summary>Sample</summary>
+		<div class="question">
+			<TextareaQuestionInput bind:data />
+		</div>
+	</details>
+</BaseEditor>

From 34b4d6b62e60840a0ea59fc558f830c3c7c92d41 Mon Sep 17 00:00:00 2001
From: keillor <69380836+keillor@users.noreply.github.com>
Date: Wed, 10 Apr 2024 23:55:26 -0700
Subject: [PATCH 04/11] added regular date question

---
 src/routes/forms/demoformeditor/demo_form_editor.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/routes/forms/demoformeditor/demo_form_editor.ts b/src/routes/forms/demoformeditor/demo_form_editor.ts
index 73ad96e..19fe57b 100644
--- a/src/routes/forms/demoformeditor/demo_form_editor.ts
+++ b/src/routes/forms/demoformeditor/demo_form_editor.ts
@@ -63,6 +63,15 @@ export const demoForm: Form = {
 				name: 'Select Question',
 				content: 'Pick an option',
 				options: [{ value: 'text', content: 'test' }]
+			},
+			{
+				type: QuestionType.DATE,
+				name: 'justDate',
+				content: 'Pick a date (jk you can only pick today)',
+				required: false,
+				value: '2024-04-10',
+				min: '2024-04-10',
+				max: '2024-04-10'
 			}
 		]
 	}

From 935563a5f6f0d2df242b2511980777239a88d69e Mon Sep 17 00:00:00 2001
From: keillor <69380836+keillor@users.noreply.github.com>
Date: Wed, 10 Apr 2024 23:55:36 -0700
Subject: [PATCH 05/11] created date question

---
 .../date/date_question_input_editor.svelte    | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/src/lib/components/questions/date/date_question_input_editor.svelte b/src/lib/components/questions/date/date_question_input_editor.svelte
index e69de29..8160bb2 100644
--- a/src/lib/components/questions/date/date_question_input_editor.svelte
+++ b/src/lib/components/questions/date/date_question_input_editor.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+	import type { DateQuestion } from '$lib/form';
+	import BaseEditor from '../base/base_editor.svelte';
+	import DateQuestionInput from './date_question_input.svelte';
+	export let data = $$props as DateQuestion;
+
+	/* type: QuestionType.DATE,
+				name: 'justDate',
+				content: 'Pick a date (jk you can only pick today)',
+				required: false,
+				value: new Date().toISOString(),
+				min: new Date().toISOString(),
+				max: new Date().toISOString() */
+</script>
+
+<BaseEditor bind:data>
+	<fieldset>
+		<legend>Min Date</legend>
+		<input type="date" bind:value={data.min} />
+	</fieldset>
+	<fieldset>
+		<legend>Max Date</legend>
+		<input type="date" bind:value={data.max} />
+	</fieldset>
+	<fieldset>
+		<legend>Default Date</legend>
+		<input type="date" bind:value={data.value} />
+	</fieldset>
+	<details>
+		<summary>Sample</summary>
+		<div class="question">
+			<DateQuestionInput bind:data />
+		</div>
+	</details>
+</BaseEditor>

From 86a8bab202648b232d5487cb0ad588467032f4e6 Mon Sep 17 00:00:00 2001
From: keillor <69380836+keillor@users.noreply.github.com>
Date: Thu, 11 Apr 2024 00:08:55 -0700
Subject: [PATCH 06/11] created datetime editor

---
 .../datetime_question_input_editor.svelte     | 35 +++++++++++++++++++
 1 file changed, 35 insertions(+)

diff --git a/src/lib/components/questions/datetime/datetime_question_input_editor.svelte b/src/lib/components/questions/datetime/datetime_question_input_editor.svelte
index e69de29..fffe168 100644
--- a/src/lib/components/questions/datetime/datetime_question_input_editor.svelte
+++ b/src/lib/components/questions/datetime/datetime_question_input_editor.svelte
@@ -0,0 +1,35 @@
+<script lang="ts">
+	import type { DateQuestion, DatetimeQuestion } from '$lib/form';
+	import BaseEditor from '../base/base_editor.svelte';
+	import DatetimeQuestionInput from './datetime_question_input.svelte';
+	export let data = $$props as DatetimeQuestion;
+
+	/* type: QuestionType.DATE,
+				name: 'justDate',
+				content: 'Pick a date (jk you can only pick today)',
+				required: false,
+				value: new Date().toISOString(),
+				min: new Date().toISOString(),
+				max: new Date().toISOString() */
+</script>
+
+<BaseEditor bind:data>
+	<fieldset>
+		<legend>Min Date/Time</legend>
+		<input type="datetime-local" bind:value={data.min} />
+	</fieldset>
+	<fieldset>
+		<legend>Max Date/Time</legend>
+		<input type="datetime-local" bind:value={data.max} />
+	</fieldset>
+	<fieldset>
+		<legend>Default Date/Time</legend>
+		<input type="datetime-local" bind:value={data.value} />
+	</fieldset>
+	<details>
+		<summary>Sample</summary>
+		<div class="question">
+			<DatetimeQuestionInput bind:data />
+		</div>
+	</details>
+</BaseEditor>

From a1a72006efc26f979d01d68e974617dab2b3ece4 Mon Sep 17 00:00:00 2001
From: keillor <69380836+keillor@users.noreply.github.com>
Date: Thu, 11 Apr 2024 00:09:10 -0700
Subject: [PATCH 07/11] added datetime to demo questions

---
 src/routes/forms/demoformeditor/demo_form_editor.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/routes/forms/demoformeditor/demo_form_editor.ts b/src/routes/forms/demoformeditor/demo_form_editor.ts
index 19fe57b..190f5d1 100644
--- a/src/routes/forms/demoformeditor/demo_form_editor.ts
+++ b/src/routes/forms/demoformeditor/demo_form_editor.ts
@@ -72,6 +72,15 @@ export const demoForm: Form = {
 				value: '2024-04-10',
 				min: '2024-04-10',
 				max: '2024-04-10'
+			},
+			{
+				type: QuestionType.DATETIME,
+				name: 'justDate',
+				content: 'Pick a date (jk you can only pick today)',
+				required: false,
+				value: '2024-04-10T11:11:11',
+				min: '2024-04-10T11:11:11',
+				max: '2024-04-10T11:11:11'
 			}
 		]
 	}

From de0194e2b1bcb7bd6136d68934005e8e0670d29e Mon Sep 17 00:00:00 2001
From: keillor <69380836+keillor@users.noreply.github.com>
Date: Thu, 11 Apr 2024 00:17:46 -0700
Subject: [PATCH 08/11] added sample time question

---
 src/routes/forms/demoformeditor/demo_form_editor.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/routes/forms/demoformeditor/demo_form_editor.ts b/src/routes/forms/demoformeditor/demo_form_editor.ts
index 190f5d1..fe2503c 100644
--- a/src/routes/forms/demoformeditor/demo_form_editor.ts
+++ b/src/routes/forms/demoformeditor/demo_form_editor.ts
@@ -81,6 +81,15 @@ export const demoForm: Form = {
 				value: '2024-04-10T11:11:11',
 				min: '2024-04-10T11:11:11',
 				max: '2024-04-10T11:11:11'
+			},
+			{
+				type: QuestionType.TIME,
+				name: 'just time',
+				content: 'just time',
+				required: false,
+				value: '11:11:11',
+				min: '11:11:11',
+				max: '11:11:11'
 			}
 		]
 	}

From b523f151fd90ef24ae563a1f17f210d950908a69 Mon Sep 17 00:00:00 2001
From: keillor <69380836+keillor@users.noreply.github.com>
Date: Thu, 11 Apr 2024 00:18:01 -0700
Subject: [PATCH 09/11] more uncommented questions

---
 .../question_input_editor.svelte                 | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/form_editor/question_input_editor/question_input_editor.svelte b/src/lib/components/form_editor/question_input_editor/question_input_editor.svelte
index df24303..cdcddce 100644
--- a/src/lib/components/form_editor/question_input_editor/question_input_editor.svelte
+++ b/src/lib/components/form_editor/question_input_editor/question_input_editor.svelte
@@ -29,20 +29,24 @@ https://github.com/acmcsufoss/form/pull/new/question-input-editor -->
 		<ColorQuestionInputEditor bind:data />
 	{:else if $$props.type === QuestionType.NUMBER}
 		<NumberQuestionInputEditor {...$$props} />
-		<!-- {:else if $$props.type === QuestionType.TEXT}
+	{:else if $$props.type === QuestionType.TEXT}
 		<TextQuestionInputEditor {...$$props} />
-	{:else if $$props.type === QuestionType.RADIO_GROUP}
-		<RadioGroupQuestionInputEditor {...$$props} />
 	{:else if $$props.type === QuestionType.TEXTAREA}
 		<TextareaQuestionInputEditor {...$$props} />
 	{:else if $$props.type === QuestionType.DATE}
 		<DateQuestionInputEditor {...$$props} />
-	{:else if $$props.type === QuestionType.AVAILABILITY}
-		<AvailabilityQuestionInputEditor {...$$props} />
 	{:else if $$props.type === QuestionType.DATETIME}
 		<DatetimeQuestionInputEditor {...$$props} />
 	{:else if $$props.type === QuestionType.TIME}
-		<TimeQuestionInputEditor {...$$props} /> -->
+		<TimeQuestionInputEditor {...$$props} />
+		<!-- 
+	{:else if $$props.type === QuestionType.RADIO_GROUP}
+		<RadioGroupQuestionInputEditor {...$$props} />
+	
+	{:else if $$props.type === QuestionType.AVAILABILITY}
+		<AvailabilityQuestionInputEditor {...$$props} />
+	
+	 -->
 	{:else if $$props.type === QuestionType.SELECT}
 		<SelectQuestionInputEditor {...$$props} />
 	{/if}

From 281e6297f945216a1256c58fedb1f46649aba65a Mon Sep 17 00:00:00 2001
From: keillor <69380836+keillor@users.noreply.github.com>
Date: Thu, 11 Apr 2024 00:18:14 -0700
Subject: [PATCH 10/11] created time question input editor

---
 .../time/time_question_input_editor.svelte    | 28 +++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/lib/components/questions/time/time_question_input_editor.svelte b/src/lib/components/questions/time/time_question_input_editor.svelte
index e69de29..726a8da 100644
--- a/src/lib/components/questions/time/time_question_input_editor.svelte
+++ b/src/lib/components/questions/time/time_question_input_editor.svelte
@@ -0,0 +1,28 @@
+<script lang="ts">
+	import type { TimeQuestion } from '$lib/form';
+	import BaseEditor from '../base/base_editor.svelte';
+	import TimeQuestionInput from './time_question_input.svelte';
+
+	export let data = $$props as TimeQuestion;
+</script>
+
+<BaseEditor bind:data>
+	<fieldset>
+		<legend>Min Time</legend>
+		<input type="time" bind:value={data.min} />
+	</fieldset>
+	<fieldset>
+		<legend>Max Time</legend>
+		<input type="time" bind:value={data.max} />
+	</fieldset>
+	<fieldset>
+		<legend>Default Time</legend>
+		<input type="time" bind:value={data.value} />
+	</fieldset>
+	<details>
+		<summary>Sample</summary>
+		<div class="question">
+			<TimeQuestionInput bind:data />
+		</div>
+	</details>
+</BaseEditor>

From 72ad8263498647d8d6db971895146c60cc45cac9 Mon Sep 17 00:00:00 2001
From: keillor <69380836+keillor@users.noreply.github.com>
Date: Thu, 11 Apr 2024 00:29:59 -0700
Subject: [PATCH 11/11] fixed number input editor

---
 .../number_question_input_editor.svelte       | 25 +++++++++++++++----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/questions/number/number_question_input_editor.svelte b/src/lib/components/questions/number/number_question_input_editor.svelte
index 341fb0d..9bb232a 100644
--- a/src/lib/components/questions/number/number_question_input_editor.svelte
+++ b/src/lib/components/questions/number/number_question_input_editor.svelte
@@ -6,11 +6,26 @@
 </script>
 
 <BaseEditor bind:data>
-	<input type="number" bind:value={data.min} />
-	<input type="number" bind:value={data.max} />
-	<input type="number" bind:value={data.step} />
-	<input type="number" bind:value={data.value} />
-	<input type="text" bind:value={data.placeholder} />
+	<fieldset>
+		<legend>Min</legend>
+		<input type="number" bind:value={data.min} />
+	</fieldset>
+	<fieldset>
+		<legend>Max</legend>
+		<input type="number" bind:value={data.max} />
+	</fieldset>
+	<fieldset>
+		<legend>Step by</legend>
+		<input type="number" bind:value={data.step} />
+	</fieldset>
+	<fieldset>
+		<legend>Default Value</legend>
+		<input type="number" bind:value={data.value} />
+	</fieldset>
+	<fieldset>
+		<legend>Placeholder</legend>
+		<input type="number" bind:value={data.placeholder} />
+	</fieldset>
 	<details>
 		<summary>Sample</summary>
 		<NumberQuestionInput bind:data />