show minDate in start field when empty

GIScience · May 17, 2024 · 43d9752 · 43d9752
1 parent 463ca6e
commit 43d9752
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/app/oshdb/query-form/time-period-picker-input/time-period-picker-input.component.css b/src/app/oshdb/query-form/time-period-picker-input/time-period-picker-input.component.css
@@ -21,3 +21,8 @@ input[name=start],input[name=end]{
 input[name=start]:focus,input[name=end]:focus{
     width: 13em !important;
 }
+
+input[name=start]::placeholder {
+    color: black;
+    opacity: 1;
+}
diff --git a/src/app/oshdb/query-form/time-period-picker-input/time-period-picker-input.component.html b/src/app/oshdb/query-form/time-period-picker-input/time-period-picker-input.component.html
@@ -5,7 +5,7 @@ <h4 class="ui header"><i class="clock icon"></i>Time Interval</h4>
         <div class="ui calendar" id="start">
             <div class="ui input">
                 <!--<i class="calendar icon"></i>-->
-                <input type="text" name="start" placeholder="Date/Time" autocomplete="off" [disabled]="disabled" (blur)="onStartBlur()" onfocus="this.select();">
+                <input type="text" name="start" placeholder="Date/Time" [placeholder]="this.options.minDate" autocomplete="off" [disabled]="disabled" (blur)="onStartBlur()" onfocus="this.select();">
             </div>
         </div>