From fc6c283b6ae4ab4086bce7f1190c6e06e06b98cf Mon Sep 17 00:00:00 2001
From: Ilya Borovitinov <icehaunter@gmail.com>
Date: Thu, 1 Jul 2021 21:41:23 +0300
Subject: [PATCH] docs: added a notice about styling the input

---
 docs/config.md | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/docs/config.md b/docs/config.md
index 3f86e5b..7334ec9 100644
--- a/docs/config.md
+++ b/docs/config.md
@@ -126,6 +126,10 @@ Style can be altered significantly without editing CSS files of the components.
 
 ### Styling example and playground
 
+:::tip
+Note that variables affect only the datepicker popup. If you want to change styles for the input, just pass it in the `:style` prop or use classes.
+:::
+
 <script setup>
 import Datepicker from '../src/datepicker/Datepicker.vue'
 import { ref, reactive, computed } from 'vue'
@@ -162,7 +166,7 @@ const styleObj = computed(() =>
 </script>
 
 <br />
-<datepicker :style="styleObj" v-model="picked" />
+<datepicker :style="{...styleObj, padding: '4px'}" v-model="picked" />
 
 <table>
 <tr v-for="(value, variable) in variables" :key="variable">