update components

docs/demo_display.md

@@ -44,7 +44,22 @@ mount(
   '#demo-indicator'
 );
 ```
+## List
+<div id="demo-list"></div>
 
+```js
+const items = $(['Dashboard', 'Settings', 'Help'])
+
+mount(
+  List({ class: 'bg-base-200 rounded-box p-2' },
+    ListRows({
+      items,
+      render: (item) => span({ class: 'font-bold' }, item)
+    })
+  ),
+  '#demo-list'
+)
+```
 ## Stack
 <div id="demo-stack"></div>
 

docs/demo_forms.md

@@ -76,6 +76,8 @@ const date = $('');
 mount(
   Datepicker({
     value: date,
+    range: true,
+    hour: true, 
     placeholder: 'Select date',
     onChange: (val) => console.log('Date:', val)
   }),
@@ -143,17 +145,14 @@ mount(
 <div id="demo-rating"></div>
 
 ```js
-const stars = $('');
+const stars = $(0)
 
 mount(
-  Rating({
-    value: stars,
-    count: 5,
-    mask: 'mask-star',
-    onchange: (v) => console.log('Rated:', v)
-  }),
+  Rating({}, [
+    RatingItems({ count: 5, value: stars, name: 'rat1', class:"mask-star" }),
+  ]),
   '#demo-rating'
-);
+)
 ```
 
 ## Select