How to use the bpk-component-calendar.withCalendarState function in bpk-component-calendar

To help you get started, we’ve selected a few bpk-component-calendar examples, based on popular ways it is used in public projects.

github Skyscanner / backpack / packages / bpk-component-scrollable-calendar / src / BpkScrollableCalendar.js View on Github external
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
/* @flow strict */

import {
  BpkCalendarGridHeader,
  withCalendarState,
  composeCalendar,
} from 'bpk-component-calendar';

import BpkscrollableCalendarDate from './BpkScrollableCalendarDate';
import BpkScrollableCalendarGridList from './BpkScrollableCalendarGridList';

export default withCalendarState(
  composeCalendar(
    null,
    BpkCalendarGridHeader,
    BpkScrollableCalendarGridList,
    BpkscrollableCalendarDate,
  ),
);
github Skyscanner / backpack / packages / bpk-component-datepicker / stories.js View on Github external
.add('Custon calendar component', () => {
    const CalendarWithColoredDates = withCalendarState(
      composeCalendar(
        BpkCalendarNav,
        BpkCalendarGridHeader,
        BpkCalendarGridWithTransition,
        ColoredCalendarDate,
      ),
    );

    return (
      <div id="application-element">
        <CalendarContainer
          id="myDatepicker"
          closeButtonText="Close"
          daysOfWeek={weekDays}
          weekStartsOn={1}
          changeMonthLabel="Change month"