cjcrawford

<template>
  <div>
    <input ref="input" type="text" v-model="localValue" />
    <slot :localValue="localValue" :formattedDate="formattedDate">
      {{ formattedDate }}
    </slot>
    <!-- parent can now use 'render prop through scoped slot' -->
    <!--
      <DatePickerComponent slot-scope="{localValue, formattedDate}" :value="value" @input="handleChildInput" @clear="clearChildInput">
        {{ formattedDate }}

cjcrawford

<template>
  <input ref="input" v-model="localValue" @change="handleChange">
</template>
<script>
export default {
  data: () => ({
    localValue: null
  }),
  props: ['value'],
  methods: {