title: Applying Style To Flatpickr in VueJS Component
body: <p>I am trying to style the Flatpickr input box, and not sure how to apply the style. </p>
  
  <p>I have a component that uses imports a Flatpickr component. I am trying to apply style in the </p>
  
  <p><strong>Trying to apply style</strong></p>
  
  <pre><code>ComponentWithPickr.vue
  </code></pre>
  
  <p>In Template: </p>
  
  <pre><code>    &lt;FlatPickr
          id="pickr"
          :classes="pickrstyle"
          v-show="false"&gt;
      &lt;/FlatPickr&gt;
  </code></pre>
  
  <p>Style:</p>
  
  <pre><code>&lt;style lang="scss" scoped&gt;
      .pickrstyle{
        background-color: red
       }
  &lt;/style&gt;
  </code></pre>
  
  <p><strong>Flatpickr - has the Flatpickr code</strong> </p>
  
  <pre><code>ComponentPickr.vue
  </code></pre>
  
  <p>Style:</p>
  
  <pre><code>&lt;style lang="scss" scoped&gt;
      .pickrstyle{
        background-color: red
       }
  &lt;/style&gt;
  </code></pre>
  
  <p>I've tried to add my class to <code>ComponentWithPickr.vue</code> and also in the <code>ComponentPickr.vue</code> and it's never applied. </p>
  
  <p>What is the way to apply a style to a imported component? </p>