package Ġsamples Ċ Ċ import Ġreact .* Ċ import Ġreact . dom . html . React HTML . b Ċ import Ġreact . dom . html . React HTML . br Ċ import Ġreact . dom . html . React HTML . p Ċ import Ġreact . dom . html . React HTML . small Ċ import Ġreact . dom . html . React HTML . span Ċ import Ġreact intl . components . datetime . Intl DateTime Ċ import Ġreact intl . components . datetime . Formatted Date Ċ import Ġreact intl . components . datetime . Formatted Date Parts Ċ import Ġreact intl . components . datetime . Formatted Time Ċ import Ġreact intl . components . provider . Intl Provider Ċ import Ġkotlin . js .* Ċ Ċ external Ġinterface ĠTime Zone Props Ġ: ĠProps Ġ{ ĊĠĠĠ Ġvar ĠcurrentTime : ĠAny ? Ġ/* ĠDate Ġ| ĠNumber Ġ*/ Ċ } Ċ Ċ val ĠTime Zone Ġ= ĠFC < TimeZone Props > Ġ{ Ġprops Ġ-> ĊĠĠĠ Ġprops . currentTime Ġ= ĠDate () ĊĠĠĠ ĠInt l Provider Ġ{ ĊĠĠĠĠĠĠĠ Ġlocale Ġ= Ġ" en " ĊĠĠĠĠĠĠĠ Ġtime Zone Ġ= Ġ" Asia / To ky o " ĊĠĠĠĠĠĠĠ Ġp Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ+" The Ġdate Ġin ĠTok yo Ġis : Ġ" ĊĠĠĠĠĠĠĠĠĠĠĠ ĠForm att ed Date Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġvalue Ġ= Ġprops . currentTime ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġbr Ġ{} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ+" The Ġtime Ġin ĠTok yo Ġis : Ġ" ĊĠĠĠĠĠĠĠĠĠĠĠ ĠForm att ed Time Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġvalue Ġ= Ġprops . currentTime ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġbr Ġ{} ĊĠĠĠĠĠĠĠĠĠĠĠ ĠForm att ed Date Parts Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġvalue Ġ= ĠDate ( 1 4 5 9 8 3 2 9 9 1 8 8 3 ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġyear Ġ= Ġ" numeric " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmonth Ġ= Ġ" long " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġday Ġ= Ġ" 2 - digit " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġchildren Ġ= Ġfun ( parts : ĠArray < Intl DateTime . DateTime Format Part >): ĠReact Node Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġreturn Ġspan . create Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġb Ġ{ Ġ+ parts [ 0 ]. value Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ+ parts [ 1 ]. value ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġsmall Ġ{ Ġ+ parts [ 2 ]. value Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ