Simple Lightweight Svelte DOB Picker
npm install svelte-dob-picker
or
yarn add svelte-dob-picker
Note: Install as a dev dependency (yarn add -D svelte-dob-picker) if using Sapper to avoid a SSR error.
<SvelteDOBPicker
selectedDOB={initialDate}
on:dateChange={(e) => {
dateFromDOBPicker = e.detail;
}}
/>
<script>
import SvelteDOBPicker from "svelte-dob-picker";
const initialDate = new Date();
let dateFromDOBPicker = new Date();
</script>
height: String
Default: 40px
. Height of each DOB box.borderRadius: String
Default: 5px
. Border Radius of each DOB box.borderColor: String
Default: gray
. Color of the borders.textColor: String
Default: black
. Text Color.borderWidth: String
Default: 2px
. Width of the borders.bgColor: String
Default: white
. Background Color of the box.<script>
import SvelteDOBPicker from "svelte-dob-picker";
const initialDate = new Date();
let dateFromDOBPicker = new Date();
</script>
<SvelteDOBPicker
height="50px"
borderRadius="8px"
borderColor="#fc0324"
textColor="white"
borderWidth="2px"
bgColor="black"
selectedDOB={initialDate}
on:dateChange={(e) => {
dateFromDOBPicker = e.detail;
}}
/>