package Ġsamples . datepicker Ċ Ċ import Ġan td . datepicker .* Ċ import Ġkotlin ext . js .* Ċ import Ġmoment .* Ċ import Ġreact .* Ċ import Ġreact . dom .* Ċ import Ġstyled .* Ċ Ċ private Ġfun ĠhandleChange ( dates : ĠRange Value < Moment >, Ġdate Strings : ĠArray < String >) Ġ{ ĊĠĠĠ Ġconsole . log (" From : Ġ", Ġ( dates . unsafe Cast < Array < Moment >> ())[ 0 ], Ġ", Ġto : Ġ", Ġ( dates . unsafe Cast < Array < Moment >> ())[ 1 ]) ĊĠĠĠ Ġconsole . log (" From : Ġ", Ġdate Strings [ 0 ], Ġ", Ġto : Ġ", Ġdate Strings [ 1 ]) Ċ } Ċ Ċ fun ĠR Builder . preset ted Ranges () Ġ{ ĊĠĠĠ Ġstyled Div Ġ{ ĊĠĠĠĠĠĠĠ Ġcss Ġ{ Ġ+ DatePicker Styles . preset ted Ranges Ġ} ĊĠĠĠĠĠĠĠ Ġdiv Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġrange Picker Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġattrs Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġranges Ġ= Ġjs Object Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠarrayOf ( moment (), Ġmoment ()) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠarrayOf ( moment (), Ġmoment (), Ġmoment (). end Of (" month ")) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠonChange Ġ= Ġ:: handleChange ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġbr Ġ{} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġrange Picker Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġattrs Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġranges Ġ= Ġjs Object Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠarrayOf ( moment (), Ġmoment ()) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠarrayOf ( moment (), Ġmoment (), Ġmoment (). end Of (" month ")) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġshow Time Ġ= Ġtrue ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġformat Ġ= Ġ" YYYY / MM / DD ĠHH : mm : ss " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠonChange Ġ= Ġ:: handleChange ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ