Components: Datetime & Number components (#2746)

* datetime & number components

* fixed render

* dt-number value rendering

* dt-number min & max

* esc function fix

* v0.7.14

* min & max unset/null check

Author: brady-lamansky-gtt

dt-assets/build/components/index.es.js

@@ -1,32 +1,33 @@
-import { B as s, C as e, v as D, A as o, D as l, b as i, c as n, e as r, f as c, a as p, u, z as C, g as M, w as T, h as x, i as S, j as d, x as g, k as m, t as B, r as h, l as A, m as L, n as b, o as v, p as f, y as w, q as y, d as F } from "./index-BoIbfJ3r.js";
+import { E as s, C as e, w as D, B as o, D as i, b as l, c as n, e as r, f as c, g as p, a as u, v as C, A as M, h as T, x as m, i as x, j as S, k as d, y as g, l as B, u as h, t as A, m as L, n as b, o as v, p as f, q as w, z as y, r as F, d as j } from "./index-40k-d_ZT.js";
 export {
   s as ApiService,
   e as ComponentService,
   D as DtAlert,
   o as DtBase,
-  l as DtButton,
-  i as DtChurchHealthCircle,
+  i as DtButton,
+  l as DtChurchHealthCircle,
   n as DtConnection,
   r as DtCopyText,
   c as DtDate,
-  p as DtDropdown,
-  u as DtFormBase,
-  C as DtIcon,
-  M as DtLabel,
-  T as DtList,
+  p as DtDatetime,
+  u as DtDropdown,
+  C as DtFormBase,
+  M as DtIcon,
+  T as DtLabel,
+  m as DtList,
   x as DtLocation,
   S as DtLocationMap,
   d as DtMapModal,
   g as DtModal,
-  m as DtMultiSelect,
-  B as DtMultiSelectButtonGroup,
-  h as DtMultiText,
-  A as DtNumberField,
-  L as DtSingleSelect,
-  b as DtTags,
-  v as DtText,
-  f as DtTextArea,
-  w as DtTile,
-  y as DtToggle,
-  F as DtUsersConnection
+  B as DtMultiSelect,
+  h as DtMultiSelectButtonGroup,
+  A as DtMultiText,
+  L as DtNumberField,
+  b as DtSingleSelect,
+  v as DtTags,
+  f as DtText,
+  w as DtTextArea,
+  y as DtTile,
+  F as DtToggle,
+  j as DtUsersConnection
 };

dt-assets/build/components/index.js

@@ -621,6 +621,12 @@ function render_field_for_display( $field_key, $fields, $post, $show_extra_contr
                 case 'date':
                     DT_Components::render_date( $field_key, $fields, $post, $params );
                     break;
+                case 'datetime':
+                    DT_Components::render_datetime( $field_key, $fields, $post, $params );
+                    break;
+                case 'number':
+                    DT_Components::render_number( $field_key, $fields, $post, $params );
+                    break;
                 case 'key_select':
                     DT_Components::render_key_select( $field_key, $fields, $post, $params );
                     break;

dt-assets/build/components/index.umd.cjs

@@ -114,6 +114,32 @@ public static function render_date( $field_key, $fields, $post, $params = [] ) {
         <?php
     }
 
+    public static function render_datetime( $field_key, $fields, $post, $params = [] ) {
+        $shared_attributes = self::shared_attributes( $field_key, $fields, $post, $params );
+        ?>
+        <dt-datetime <?php echo wp_kses_post( $shared_attributes ) ?>
+            timestamp="<?php echo esc_html( $post[$field_key]['timestamp'] ?? '' ) ?>">
+            <?php dt_render_icon_slot( $fields[$field_key] ) ?>
+        </dt-datetime>
+        <?php
+    }
+
+    public static function render_number( $field_key, $fields, $post, $params = [] ) {
+        $shared_attributes = self::shared_attributes( $field_key, $fields, $post, $params );
+        ?>
+        <dt-number <?php echo wp_kses_post( $shared_attributes ) ?>
+            value="<?php echo esc_html( $post[$field_key] ?? '' ) ?>"
+            <?php if ( isset( $fields[$field_key]['min_option'] ) && $fields[$field_key]['min_option'] != null ): ?>
+                min="<?php echo esc_html( $fields[$field_key]['min_option'] ) ?>"
+            <?php endif; ?>
+            <?php if ( isset( $fields[$field_key]['max_option'] ) && $fields[$field_key]['max_option'] != null ): ?>
+                max="<?php echo esc_html( $fields[$field_key]['max_option'] ) ?>"
+            <?php endif; ?>>
+            <?php dt_render_icon_slot( $fields[$field_key] ) ?>
+        </dt-number>
+        <?php
+    }
+
     public static function render_key_select( $field_key, $fields, $post, $params = [] ) {
         $shared_attributes = self::shared_attributes( $field_key, $fields, $post, $params );
 

dt-core/global-functions.php

@@ -12,7 +12,7 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.18.2",
     "@babel/preset-env": "^7.24.4",
-    "@disciple.tools/web-components": "^0.7.12",
+    "@disciple.tools/web-components": "^0.7.14",
     "browser-sync": "^3.0.2",
     "cssnano": "^6.1.2",
     "cypress": "^14.1.0",