title: How do I use Nova components in a custom tool or card?
body: <p>I'm currently working on a Laravel Nova application in which I need to add a lot of custom tools and cards. I'd like to keep consistency across the whole application, so it makes sense to simply use the existing Laravel Nova components for certain things like form inputs.</p>
  
  <p>I am trying to use a couple of different components found in the <code>nova/resources/js/fields.js</code> file, but it is not working. </p>
  
  <p>In my code, I am simply referencing the <code>&lt;form-date-time&gt;&lt;/form-date-time&gt;</code> component, but I am receiving errors:</p>
  
  <pre><code>Cannot read property 'attribute' of undefined
  Cannot read property 'value' of undefined
  </code></pre>
  
  <p>I am not a Vue expert, so I'd imagine there is something pretty clear and obvious I am missing. In another SO post, someone referenced doing the same thing I am trying to do with the Nova <code>checkbox</code> component. In that case, there was a prop that needed to be passed to the component in order for it to function correctly, but I don't see a prop that I need to pass to the component at <code>nova/resources/js/components/Form/DateTimeField.vue</code>.</p>
  
  <p>Any help in using Nova components in my custom tools and cards would be appreciated. Thank you.</p>