docs: update docs for the afcl select

https://web.tracklify.com/project/2b7ZVgE5/AdminForth/1322/wuyqgx6f/update-docs-for-the-afcl-selec

Author: yaroslav8765

adminforth/documentation/docs/tutorial/03-Customization/15-afcl.md

@@ -285,6 +285,33 @@ You might need to put some extra item at bottom of list
   </div>
 </div>
 
+### Add classes to the input directly
+
+You might need to put some extra item at bottom of list
+
+<div class="split-screen" >
+  <div >
+```html
+<Select
+  class="w-full"
+  :options="[
+    {label: 'Last 7 days', value: '7'}, 
+    {label: 'Last 30 days', value: '30'}, 
+    {label: 'Last 90 days', value: '90'},
+  ]"
+  v-model="selected"
+  //diff-add
+  classesForInput="py-[4px] text-sm bg-white rounded"
+>
+
+</Select>
+```
+  </div>
+  <div>
+   ![AFCL Select](image-99.png)
+  </div>
+</div>
+
 ## Input
 
 

adminforth/documentation/docs/tutorial/03-Customization/image-99.png

@@ -333,7 +333,18 @@
 
     <!-- <Button class="mt-48 ml-48" @click="createJob"> Create Job</Button> -->
 
-
+    <Select
+      class="w-full"
+      :options="[
+        {label: 'Last 7 days', value: '7'}, 
+        {label: 'Last 30 days', value: '30'}, 
+        {label: 'Last 90 days', value: '90'},
+      ]"
+      v-model="selected"
+      classesForInput="py-[4px] text-sm bg-white rounded"
+    >
+
+    </Select>
 
   </div>