Search code examples
reactjsclocklive

React Live Clock AM PM in caps is not visible

I am using React Live clock and trying to use AM/PM mode of but the output is small and shows like this enter image description here

timeFormat = 'h:mm:ss A';

Solution

  • If you're using react-live-clock, you can set the style attribute as described here.

    e.g. The following settings:

    <Clock style={{fontSize: '10.5em'}}  format={'h:mm:ss A'} ticking={true} timezone={'US/Pacific'} />

    generated this view: enter image description here

    Note:

    I uploaded the sample project to my github repository here;

    Follow the README.MD file for details on how to clone and start the application locally.

    Goodluck!