From d7a42d03f73f4f373bf025140db9c651770ab97a Mon Sep 17 00:00:00 2001
From: Carl Kittelberger <icedream@icedream.pw>
Date: Sat, 26 Aug 2017 00:34:00 +0200
Subject: [PATCH] Use toString.padStart instead of toLocaleString for dual
 digit display.

---
 src/Countdown.jsx | 20 ++++----------------
 1 file changed, 4 insertions(+), 16 deletions(-)

diff --git a/src/Countdown.jsx b/src/Countdown.jsx
index 9e381d1..02b4c32 100644
--- a/src/Countdown.jsx
+++ b/src/Countdown.jsx
@@ -62,34 +62,22 @@ export default class Countdown extends React.Component {
       <div className={style.countdown}>
         <ProgressCircle size={size} max={3} progress={days} stroke="rgb(76,114,163)">
           <DigitBlock suffix="d">
-            {Math.floor(days).toLocaleString(locale, {
-              minimumIntegerDigits,
-              useGrouping,
-            })}
+            {Math.floor(days).toString().padStart(2, '0')}
           </DigitBlock>
         </ProgressCircle>
         <ProgressCircle size={size} max={24} progress={hours} stroke="rgb(60, 144, 60)">
           <DigitBlock suffix="h">
-            {Math.floor(hours).toLocaleString(locale, {
-              minimumIntegerDigits,
-              useGrouping,
-            })}
+            {Math.floor(hours).toString().padStart(2, '0')}
           </DigitBlock>
         </ProgressCircle>
         <ProgressCircle size={size} max={60} progress={minutes} stroke="rgb(160, 154, 40)">
           <DigitBlock suffix="m">
-            {Math.floor(minutes).toLocaleString(locale, {
-              minimumIntegerDigits,
-              useGrouping,
-            })}
+            {Math.floor(minutes).toString().padStart(2, '0')}
           </DigitBlock>
         </ProgressCircle>
         <ProgressCircle size={size} max={60} progress={seconds} stroke="rgb(193,63,88)">
           <DigitBlock suffix="s">
-            {Math.floor(seconds).toLocaleString(locale, {
-              minimumIntegerDigits,
-              useGrouping,
-            })}
+            {Math.floor(seconds).toString().padStart(2, '0')}
           </DigitBlock>
         </ProgressCircle>
       </div>