docs: update documentation

Author: mrholek

docs/content/forms/date-range-picker.md

@@ -11,14 +11,15 @@ toc: true
 {{< example >}}
   <div class="row">
     <div class="col-lg-5">
-      <div data-coreui-locale="en-US" data-coreui-toggle="date-range-picker"></div>
+      <div data-coreui-locale="en-US" data-coreui-toggle="date-range-picker" id="datePicker1"></div>
     </div>
     <div class="col-lg-5">
       <div
         data-coreui-start-date="2022/08/03"
         data-coreui-end-date="2022/08/17"
         data-coreui-locale="en-US"
-        data-coreui-toggle="date-range-picker">
+        data-coreui-toggle="date-range-picker"
+        id="datePicker2">
       </div>
     </div>
   </div>

docs/content/forms/time-picker.md

@@ -11,10 +11,10 @@ toc: true
 {{< example >}}
 <div class="row">
   <div class="col-lg-4">
-    <div class="time-picker" data-coreui-locale="en-US" data-coreui-toggle="time-picker"></div>
+    <div class="time-picker" data-coreui-locale="en-US" data-coreui-toggle="time-picker" id="timePicker1"></div>
   </div>
   <div class="col-lg-4">
-    <div class="time-picker" data-coreui-locale="en-US" data-coreui-time="02:17:35 PM" data-coreui-toggle="time-picker"></div>
+    <div class="time-picker" data-coreui-locale="en-US" data-coreui-time="02:17:35 PM" data-coreui-toggle="time-picker" id="timePicker2"></div>
   </div>
 </div>
 {{< /example >}}