Update types, default config and README

README.md

@@ -26,12 +26,8 @@ Note: If `Custom: Sun card` doesn't appear you will have to reload cleaning the
 | language      | `'es'`/`'en'`   | Changes card language                | Home assistant language or english if not supported |
 | showAzimuth   | `boolean`       | Displays azimuth in the footer       | `false`                                             |
 | showElevation | `boolean`       | Displays elevation in the footer     | `false`                                             |
+| timeFormat    | `'12h'`/`'24h'` | Displayed time format                | Locale based on Home assistant language             |
 | title         | `string`        | Card title                           | Doesn't display a title by default                  |         |
 
 ## Known issues
 - Home assistant seems to provide next events instead today's one 
-
-## TODO
-- [ ] Adjust styles
-- [ ] Fix issue regarding next events
-- [ ] Add to HACS (https://github.com/hacs/default/pull/951)

src/constants.ts

@@ -14,7 +14,8 @@ export class Constants {
     darkMode: true,
     language: 'en',
     showAzimuth: false,
-    showElevation: false
+    showElevation: false,
+    timeFormat: '24h'
   }
 
   static readonly EVENT_X_POSITIONS = {

src/types/index.ts

@@ -3,9 +3,15 @@ export type TSunCardConfig = {
   language?: string
   showAzimuth?: boolean
   showElevation?: boolean
+  timeFormat?: '12h' | '24h'
   title?: string
 }
 
+export type TSunCardTime = {
+  time: string,
+  period?: 'AM' | 'PM'
+}
+
 export type TSunCardData = {
   azimuth: number
   dawnProgressPercent: number
@@ -18,11 +24,11 @@ export type TSunCardData = {
     y: number
   }
   times: {
-    dawn: string | null | undefined
-    dusk: string | null | undefined
-    noon: string | null | undefined
-    sunrise: string | null | undefined
-    sunset: string | null | undefined
+    dawn: TSunCardTime
+    dusk: TSunCardTime
+    noon: TSunCardTime
+    sunrise: TSunCardTime
+    sunset: TSunCardTime
   }
 }