@kiva/kv-components 3.46.2 → 3.46.3

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.46.3](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.46.2...@kiva/kv-components@3.46.3) (2023-10-17)
+
+
+### Bug Fixes
+
+* kvcountdowtimer component updated to show the remaining hours correctly ([#307](https://github.com/kiva/kv-ui-elements/issues/307)) ([1ea593c](https://github.com/kiva/kv-ui-elements/commit/1ea593ce88339fff9e9bf2bcd1e33bed46a8b09a))
+
+
+
+
+
 ## [3.46.2](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.46.1...@kiva/kv-components@3.46.2) (2023-10-12)
 
 **Note:** Version bump only for package @kiva/kv-components

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kiva/kv-components",
-  "version": "3.46.2",
+  "version": "3.46.3",
   "type": "module",
   "publishConfig": {
     "access": "public"
@@ -75,5 +75,5 @@
       "optional": true
     }
   },
-  "gitHead": "4b787763e203554045ea484e99a4ecb875875442"
+  "gitHead": "6fc84d328af54b57e6f9b9b1c409ce4a695d2b10"
 }

package/vue/KvCountdownTimer.vue

@@ -1,6 +1,6 @@
 <template>
 	<span v-if="timeLeft">
-		{{ timeLeft.hours() }}h {{ timeLeft.minutes() }}m {{ timeLeft.seconds() }}s
+		{{ remainingHours }}h {{ timeLeft.minutes() }}m {{ timeLeft.seconds() }}s
 	</span>
 </template>
 
@@ -10,6 +10,7 @@ import {
 	toRefs,
 	onBeforeUnmount,
 	onMounted,
+	computed,
 } from 'vue-demi';
 import moment from 'moment';
 
@@ -26,6 +27,10 @@ export default {
 		const interval = ref(null);
 		const timeLeft = ref(null);
 
+		const remainingHours = computed(() => {
+			return Math.floor(timeLeft.value.asHours());
+		});
+
 		onMounted(() => {
 			timeLeft.value = moment.duration(msLeft.value > 0 ? msLeft.value : 0, 'milliseconds');
 
@@ -48,7 +53,7 @@ export default {
 			}
 		});
 
-		return { timeLeft };
+		return { timeLeft, remainingHours };
 	},
 };
 </script>

package/vue/stories/KvCountdownTimer.stories.js

@@ -23,7 +23,8 @@ const story = (args) => {
 
 export const Seconds = story({ msLeft: 1000 * 10 });
 
-// One second less than 24 hours (since we don't show days in timer)
-export const Tomorrow = story({ msLeft: 1000 * 60 * 60 * 24 - 1000 });
+export const Tomorrow = story({ msLeft: 1000 * 60 * 60 * 24 });
 
 export const Expired = story({ msLeft: 0 });
+
+export const Overmorrow = story({ msLeft: 1000 * 60 * 60 * 48 });