period chooser ui component