<!-- Target Button -->
                                <button  class="gk-button button-outline-info"  data-bottom-target="bottomSheetComponent">დააჭირე</button>
                        
                                <!-- Bottom Sheet Component -->
                                <template  data-bottom-id="bottomSheetComponent">
                                    <div  class="gk-bottom-sheet">
                                        <div  class="gk-bottom-sheet-header">
                                            <span>
                                                ფილტრი
                                            </span>
                                            <button  class="gk-button button-icon" bottom-close>
                                                <i  class="material-symbols-outlined smaller-icon">close</i>
                                            </button>
                                        </div>
                                        <div  class="gk-bottom-sheet-body">
                                        <div  class="gk-input-wrapper" floating-label>
                                            <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="კატეგორია">
                                            <div  class="gk-input-group">
                                                <i  class="material-symbols-outlined">tag</i>
                                            </div>
                                        </div>
                                        <div  class="gk-input-wrapper" floating-label>
                                            <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="-დან">
                                            <div  class="gk-input-group">
                                                <i  class="material-symbols-outlined">date_range</i>
                                            </div>
                                        </div>
                                        <div  class="gk-input-wrapper" floating-label>
                                            <input  type="text"  class="gk-input-inner"  autocomplete="off"  placeholder="-მდე">
                                            <div  class="gk-input-group">
                                                <i  class="material-symbols-outlined">date_range</i>
                                            </div>
                                        </div>
                                        <button  class="gk-button button-outline-primary" bottom-submit>
                                            <i  class="material-symbols-outlined lighter-icon">search</i>
                                            ძიება
                                        </button>
                                        </div>
                                    </div>
                                </template>