@use '../../base' as *;
@use 'sass:string';

/// @access private
/// @author <a href="https://github.com/desig9stein" target="_blank">Marin Popov</a>
@mixin component {
    @include b(igx-date-range-picker) {
        $this: bem--selector-to-string(&);
        @include register-component(
            $name: string.slice($this, 2, -1),
            $deps: (
                igx-calendar,
                igx-input-group,
            )
        );

        @extend %igx-date-range-picker !optional;

        @include e(label) {
            @extend %igx-date-range-picker__label !optional;
        }

        @include e(start) {
            @extend %igx-date-range-picker__start !optional;
        }

        @include e(end) {
            @extend %igx-date-range-picker__end !optional;
        }

        @include m(cosy){
            @extend %igx-date-range-picker !optional;
        }

        @include m(compact){
            @extend %igx-date-range-picker !optional;
        }
    }

    @include b(igx-date-range-picker-buttons) {
        @extend %igx-date-range-picker-buttons !optional;
    }
}