v3.4.10 (#1874)

## [v3.4.10] - 2024-08-23
### Bug Fixes
- Default UseComputedProperties to True to default to new views by @lrljoe in #1873
- Allow Single Date DateRangeFilter by @lrljoe in #1872
- Allow clearing of DateRangeFilter by Text Box by @lrljoe in #1875

### Docs
- Docs Update by @lrljoe in #1876

CHANGELOG.md

@@ -2,6 +2,15 @@
 
 All notable changes to `laravel-livewire-tables` will be documented in this file
 
+## [v3.4.10] - 2024-08-23
+### Bug Fixes
+- Default UseComputedProperties to True to default to new views by @lrljoe in https://github.com/rappasoft/laravel-livewire-tables/pull/1873
+- Allow Single Date DateRangeFilter by @lrljoe in https://github.com/rappasoft/laravel-livewire-tables/pull/1872
+- Allow clearing of DateRangeFilter by Text Box by @lrljoe in https://github.com/rappasoft/laravel-livewire-tables/pull/1875
+
+### Docs
+- Docs Update by @lrljoe in https://github.com/rappasoft/laravel-livewire-tables/pull/1876
+
 ## [v3.4.9] - 2024-08-21
 ### Bug Fixes
 - Default UseComputedProperties to False to allow previously published views to work by default by @lrljoe in https://github.com/rappasoft/laravel-livewire-tables/pull/1869

docs/bulk-actions/customisations.md → docs/bulk-actions/styling.md

@@ -1,5 +1,5 @@
 ---
-title: Customising Style
+title: Styling
 weight: 5
 ---
 

docs/datatable/available-methods.md

@@ -18,9 +18,21 @@ public function configure(): void
 }
 ```
 
+### useComputedPropertiesDisabled
+
+If you have published the Views **prior to v3.4.5**, and do not wish to remove the published views, then you should add the following call, which will disable the new Computed Properties behaviour.  Note that publishing the views is not recommended!
+
+```php
+public function configure(): void
+{
+  $this->useComputedPropertiesDisabled();
+}
+```
+
+
 ## Attributes
 
-Documentation for Data Table Styling/Attributes is now: <a href="https://rappasoft.com/docs/laravel-livewire-tables/v3/columns/styling" aria-label="Documentation for Data Table Styling" >Here</a>
+Documentation for Data Table Styling/Attributes is now: [Here](../datatable/styling)
 
 ## Offline
 

docs/filter-types/filters-daterange.md

@@ -46,6 +46,7 @@ public function filters(): array
 A full list of options is below, please see the Flatpickr documentation for reference as to purpose:
 | Config Option  | Type | Default | Description | 
 | ------------- | ------------- | ------------- | ------------- |
+| allowInvalidPreload | Boolean | true | Allows the preloading of an invalid date. When disabled, the field will be cleared if the provided date is invalid |
 | allowInput | Boolean | false | Allows the user to enter a date directly into the input field. By default, direct entry is disabled. | 
 | altFormat | String | "F j, Y" | Exactly the same as date format, but for the altInput field | 
 | altInput | Boolean | false | Show the user a readable date (as per altFormat), but return something totally different to the server. | 
@@ -153,7 +154,7 @@ If using the CDN approach, ensure the following config matches:
 Then include the following in your layout:
 ```html
 // Flatpickr Core Script
-<script src="https://npmcdn.com/flatpickr" async></script>
+<script src="https://npmcdn.com/flatpickr" defer></script>
 
 // Flatpickr Core CSS
 <link rel="stylesheet" href="https://npmcdn.com/flatpickr/dist/flatpickr.min.css">
@@ -193,5 +194,5 @@ You can also add locales using the Flatpickr CDN, ensuring that these are loaded
 
 For example to add German (de), ensure that the following is in the "head" section of your layout, ideally before your app.js
 ```html
-<script src="https://npmcdn.com/flatpickr/dist/l10n/de.js" async></script>
+<script src="https://npmcdn.com/flatpickr/dist/l10n/de.js" defer></script>
 ```

docs/footer/available-methods.md

@@ -82,66 +82,9 @@ public function configure(): void
 }
 ```
 
----
-
-## setFooterTrAttributes
-
-Set any attributes on the footer row element.
-
-```php
-public function configure(): void
-{
-    $this->setFooterTrAttributes(function($rows) {
-        return ['class' => 'bg-gray-100'];
-    });
-}
-```
-
-By default, this replaces the default classes on the tr element, if you would like to keep them, set the default flag to true.
-
-```php
-public function configure(): void
-{
-    $this->setFooterTrAttributes(function($rows) {
-        return [
-            'default' => true,
-            'class' => 'bg-gray-100'
-        ];
-    });
-}
-```
-
-## setFooterTdAttributes
-
-Set any attributes on the footer row cells.
-
-```php
-public function configure(): void
-{
-    $this->setFooterTdAttributes(function(Column $column, $rows) {
-        if ($column->isField('id')) {
-            return ['class' => 'text-red-500'];
-        }
-    });
-}
-```
-
-By default, this replaces the default classes on the td element, if you would like to keep them, set the default flag to true.
-
-```php
-public function configure(): void
-{
-    $this->setFooterTdAttributes(function(Column $column, $rows) {
-        if ($column->isField('id')) {
-            return [
-                'default' => true,
-                'class' => 'text-red-500'
-            ];
-        }
-    });
-}
-```
 
 ---
 
-See also [footer column configuration](../columns/footer).
+See also 
+[footer styling](./styling).
+[footer column configuration](../columns/footer).

docs/footer/styling.md

@@ -0,0 +1,62 @@
+---
+title: Styling
+weight: 2
+---
+
+## setFooterTrAttributes
+
+Set any attributes on the footer row element.
+
+```php
+public function configure(): void
+{
+    $this->setFooterTrAttributes(function($rows) {
+        return ['class' => 'bg-gray-100'];
+    });
+}
+```
+
+By default, this replaces the default classes on the tr element, if you would like to keep them, set the default flag to true.
+
+```php
+public function configure(): void
+{
+    $this->setFooterTrAttributes(function($rows) {
+        return [
+            'default' => true,
+            'class' => 'bg-gray-100'
+        ];
+    });
+}
+```
+
+## setFooterTdAttributes
+
+Set any attributes on the footer row cells.
+
+```php
+public function configure(): void
+{
+    $this->setFooterTdAttributes(function(Column $column, $rows) {
+        if ($column->isField('id')) {
+            return ['class' => 'text-red-500'];
+        }
+    });
+}
+```
+
+By default, this replaces the default classes on the td element, if you would like to keep them, set the default flag to true.
+
+```php
+public function configure(): void
+{
+    $this->setFooterTdAttributes(function(Column $column, $rows) {
+        if ($column->isField('id')) {
+            return [
+                'default' => true,
+                'class' => 'text-red-500'
+            ];
+        }
+    });
+}
+```