From 764c9cfe42d20fb930f7a335efab6a69422a36c8 Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Wed, 5 Jul 2023 14:40:38 +0200
Subject: [PATCH] fix: fix popper select caret and dropdown size

---
 packages/design-system/src/css/popper.scss            | 4 ++--
 packages/design-system/src/css/select.scss            | 3 +--
 packages/editor-ui/src/components/ExecutionFilter.vue | 6 ++++--
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/packages/design-system/src/css/popper.scss b/packages/design-system/src/css/popper.scss
index d60f586b65..cf748a6809 100644
--- a/packages/design-system/src/css/popper.scss
+++ b/packages/design-system/src/css/popper.scss
@@ -9,7 +9,7 @@
 	visibility: visible;
 
 	&:not(.el-popover) {
-		max-width: 240px;
+		max-width: 420px;
 	}
 
 	img {
@@ -22,7 +22,7 @@
 		margin: 0;
 	}
 
-	&:not(.el-select__popper):not(.el-dropdown__popper) {
+	&:not(.el-select__popper):not(.el-dropdown__popper):not(.el-picker__popper) {
 		padding: var.$tooltip-padding;
 		font-size: var.$tooltip-font-size;
 		border-radius: 4px;
diff --git a/packages/design-system/src/css/select.scss b/packages/design-system/src/css/select.scss
index 1b09d2656e..7cc8696c1a 100644
--- a/packages/design-system/src/css/select.scss
+++ b/packages/design-system/src/css/select.scss
@@ -47,11 +47,10 @@
 		& .el-select__caret {
 			font-size: var.$select-input-font-size;
 			transition: transform 0.3s;
-			transform: rotateZ(180deg);
 			cursor: pointer;
 
 			@include mixins.when(reverse) {
-				transform: rotateZ(0deg);
+				transform: rotateZ(180deg);
 			}
 
 			@include mixins.when(show-close) {
diff --git a/packages/editor-ui/src/components/ExecutionFilter.vue b/packages/editor-ui/src/components/ExecutionFilter.vue
index 14fb2b4130..05210080e0 100644
--- a/packages/editor-ui/src/components/ExecutionFilter.vue
+++ b/packages/editor-ui/src/components/ExecutionFilter.vue
@@ -21,7 +21,7 @@ export type ExecutionFilterProps = {
 	popoverPlacement?: Placement;
 };
 
-const DATE_TIME_MASK = 'yyyy-MM-dd HH:mm';
+const DATE_TIME_MASK = 'YYYY-MM-DD HH:mm';
 
 const settingsStore = useSettingsStore();
 const usageStore = useUsageStore();
@@ -146,7 +146,7 @@ onBeforeMount(() => {
 </script>
 <template>
 	<div :class="$style.filter">
-		<n8n-popover trigger="click" :placement="popoverPlacement">
+		<n8n-popover trigger="click" :placement="popoverPlacement" width="440">
 			<template #reference>
 				<n8n-button
 					icon="filter"
@@ -222,6 +222,7 @@ onBeforeMount(() => {
 						<el-date-picker
 							id="execution-filter-start-date"
 							type="datetime"
+							:teleported="false"
 							v-model="vModel.startDate"
 							:format="DATE_TIME_MASK"
 							:placeholder="locale.baseText('executionsFilter.startDate')"
@@ -231,6 +232,7 @@ onBeforeMount(() => {
 						<el-date-picker
 							id="execution-filter-end-date"
 							type="datetime"
+							:teleported="false"
 							v-model="vModel.endDate"
 							:format="DATE_TIME_MASK"
 							:placeholder="locale.baseText('executionsFilter.endDate')"