naive-ui/demo/documentation/components/input/enUS/split.md

Pair

<n-input pair seperator="to" v-model="value">
  <template v-slot:affix>
    <n-icon><ios-calendar /></n-icon>
  </template>
</n-input>
<n-input pair seperator="to" v-model="value">
  <template v-slot:suffix>
    <n-icon><ios-calendar /></n-icon>
  </template>
</n-input>
<n-input pair seperator="to" v-model="value" clearable>
  <template v-slot:suffix>
    <n-icon><ios-calendar /></n-icon>
  </template>
</n-input>
<n-input pair seperator="to" v-model="value" clearable>
  <template v-slot:affix>
    <n-icon><ios-calendar /></n-icon>
  </template>
</n-input>

import iosCalendar from 'naive-ui/lib/icons/ios-calendar'

export default {
  components: {
    iosCalendar
  },
  data () {
    return {
      value: []
    }
  }
}

.n-input {
  margin-bottom: 8px;
}