Expose value prop

[AviKKi]

Use Case -
When I want to show date range in format like "Nov 18, 22 - Nov 30, 22", I'm stuck default format is very verbose & does not offer best UI for most use cases.

Suggested solutions-

1. expose value prop that can be passed to DtPicker, that will be further passed down to tag.
2. expose a formatValue function, date or date range will be formatted using this function. Specifically this will requires passing correctValue function here as prop.

@mmehdinasiri Let me know your thoughts on this, I think we should go with 2. I'll do a PR after your approval.

PS: using this in production, so 🤞

Regards,
Atul Yadav

[mmehdinasiri]

Thank you for your suggestion,
Actually, I wanna implement a way to handle date formate in the future but right now I am busy a little until the next month but if you can help me I would be grateful.

[AviKKi]

Cool I'll implement this feature then, using the 2nd proposed solution and raise a PR

[AviKKi]

with above PR now you can add a formatValue prop to DtPicker component that will override the correctValue function's behaviour example below

const formatValue = ({ date }) => {
  if(date)  return (new Date(date.year, date.month, date.day)).toDateString()
  else return ''
}

time and type are also accessible in this prop function. @mmehdinasiri waiting for your approval