feat: switch to native date inputs

.docs/filters.md

@@ -189,17 +189,6 @@ Keep in mind that `FilterMultiSelect` uses `bootstrap-select` JS library. Read m
 $grid->addFilterDate('created', 'User registerd on');
 ```
 
-This filter also has some special features. First, it shows datepicker. Second, You can set date format. Sadly, JavaScript has different date formatting modifiers, so you have to set them both at once:
-
-```php
-/**
- * This is default formatting
- * $php_format, $js_format
- */
-$grid->addFilterDate('created', 'User registerd on')
-	->setFormat('j. n. Y', 'd. m. yyyy');
-```
-
 ## FilterRange
 
 This filter renders two inputs: From and To. If you want to set inputs placeholders, you have to set both in an array.

src/Filter/FilterDate.php

@@ -7,22 +7,15 @@
 class FilterDate extends OneColumnFilter implements IFilterDate
 {
 
-	protected ?string $template = 'datagrid_filter_date.latte';
-
-	/** @var array */
-	protected array $format = ['j. n. Y', 'd. m. yyyy'];
+	protected ?string $template = 'datagrid_filter_text.latte';
 
 	protected ?string $type = 'date';
 
 	public function addToFormContainer(Container $container): void
 	{
 		$control = $container->addText($this->key, $this->name);
 
-		$control->setHtmlAttribute('data-provide', 'datepicker')
-			->setHtmlAttribute('data-date-orientation', 'bottom')
-			->setHtmlAttribute('data-date-format', $this->getJsFormat())
-			->setHtmlAttribute('data-date-today-highlight', 'true')
-			->setHtmlAttribute('data-date-autoclose', 'true');
+		$control->setHtmlAttribute('type', 'date');
 
 		$this->addAttributes($control);
 
@@ -35,30 +28,12 @@ public function addToFormContainer(Container $container): void
 		}
 	}
 
-	/**
-	 * Set format for datepicker etc
-	 */
-	public function setFormat(string $phpFormat, string $jsFormat): IFilterDate
-	{
-		$this->format = [$phpFormat, $jsFormat];
-
-		return $this;
-	}
-
 	/**
 	 * Get php format for datapicker
 	 */
 	public function getPhpFormat(): string
 	{
-		return $this->format[0];
-	}
-
-	/**
-	 * Get js format for datepicker
-	 */
-	public function getJsFormat(): string
-	{
-		return $this->format[1];
+		return 'Y-m-d';
 	}
 
 }

src/Filter/FilterDateRange.php

@@ -7,10 +7,7 @@
 class FilterDateRange extends FilterRange implements IFilterDate
 {
 
-	protected ?string $template = 'datagrid_filter_daterange.latte';
-
-	/** @var array */
-	protected array $format = ['j. n. Y', 'd. m. yyyy'];
+	protected ?string $template = 'datagrid_filter_range.latte';
 
 	protected ?string $type = 'date-range';
 
@@ -23,19 +20,11 @@ public function addToFormContainer(Container $container): void
 
 		$from = $container->addText('from', $this->name);
 
-		$from->setHtmlAttribute('data-provide', 'datepicker')
-			->setHtmlAttribute('data-date-orientation', 'bottom')
-			->setHtmlAttribute('data-date-format', $this->getJsFormat())
-			->setHtmlAttribute('data-date-today-highlight', 'true')
-			->setHtmlAttribute('data-date-autoclose', 'true');
+		$from->setHtmlAttribute('type', 'date');
 
 		$to = $container->addText('to', $this->nameSecond);
 
-		$to->setHtmlAttribute('data-provide', 'datepicker')
-			->setHtmlAttribute('data-date-orientation', 'bottom')
-			->setHtmlAttribute('data-date-format', $this->getJsFormat())
-			->setHtmlAttribute('data-date-today-highlight', 'true')
-			->setHtmlAttribute('data-date-autoclose', 'true');
+		$to->setHtmlAttribute('type', 'date');
 
 		$this->addAttributes($from);
 		$this->addAttributes($to);
@@ -62,30 +51,12 @@ public function addToFormContainer(Container $container): void
 		}
 	}
 
-	/**
-	 * Set format for datepicker etc
-	 */
-	public function setFormat(string $phpFormat, string $jsFormat): IFilterDate
-	{
-		$this->format = [$phpFormat, $jsFormat];
-
-		return $this;
-	}
-
 	/**
 	 * Get php format for datapicker
 	 */
 	public function getPhpFormat(): string
 	{
-		return $this->format[0];
-	}
-
-	/**
-	 * Get js format for datepicker
-	 */
-	public function getJsFormat(): string
-	{
-		return $this->format[1];
+		return 'Y-m-d';
 	}
 
 }

src/Filter/IFilterDate.php

@@ -5,19 +5,9 @@
 interface IFilterDate
 {
 
-	/**
-	 * Set format for datepicker etc
-	 */
-	public function setFormat(string $phpFormat, string $jsFormat): IFilterDate;
-
 	/**
 	 * Get php format for datapicker
 	 */
 	public function getPhpFormat(): string;
 
-	/**
-	 * Get js format for datepicker
-	 */
-	public function getJsFormat(): string;
-
 }